Trouble Shooting Application Form Embedding

 

This is for troubleshooting tips. If you need the instructions related to embedding an application form on your website, see this article.

Trouble Shooting Tips

 

Are your custom questions not loading?

This typically happens when your have the wrong URL in the the <iframe> code.  Navigate back to your form settings in the brand portal, copy the snippet of code and paste into your website.  Also keep in mind that if you're sharing this code snippet with you developer through a messaging app like Slack or Microsoft Teams, certain parts of the code could be altered or truncated if not done correctly.

 

Auto Resize Not Behaving Properly?

Is the embedded application form not behaving as expected on your website?  By default, the Wooly application form embed script contains JavaScript to auto resize the form as it loads your custom questions.  This works on the majority of websites.  However, there are some CMS (content management systems) platforms used for website building that may not render this behavior as expected or you may have conflicting code on your web page.  If this is the case for you, follow these instructions:

  1. Remove the JavaScript code from your snippet that handles the auto sizing by removing the <script> opening and closing tags.
  2. Include a "min-height" inline CSS value in the <iframe> styles.  You can play with the "min-height" value until you get it just right where there's no scrolling within the frame and little extra blank space at the bottom.
  3. You can copy the code example below and replace the {FORM_ID} with the Id from your embed script. 
<div style="margin: 0 auto; text-align: center; width: 100%; max-width: 780px;">
<iframe id="wooly-iframe" src="https://ambassador.wooly.com/form/{FORM_ID}" frameborder="0" style="width: 100%; border: none; -webkit-overflow-scrolling: touch !important; overflow: scroll !important; min-height: 1500px;"></iframe>
</div>