[simonpurdonParticipant]

Hi, I’m trying to put a popup on my site with a TypeForm form embedded in it. The form only occasionally actually activates upon exit intent and then the TypeForm form doesn’t actually display.

Please advise. Thanks.

[simonpurdonParticipant]

This reply has been marked as private.

[simonpurdonParticipant]

Okay, I’ve resolved the appearing issue with the exit intent, however, there is still no form within the popup!

[simonpurdonParticipant]

Also, you will see I have two popups, one to activate automatically on exit intent and one for clicking. The clicking one doesn’t seem to work despite putting in the classes for the button in revolution slider (Slider alias join). The link doesn’t materialise.

[Rue NelModerator]

Hello There,

Thanks for writing in! Are you using CloudFlare or may have installed a caching plugin like WordFence, W3 Total Cache or WP Super Cache? Please keep in mind that after doing every changes and updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Please let us know how it goes.

[simonpurdonParticipant]

Hi, I have cleared cache but doesn’t seem to work.

[RupokMember]

Hi there,

Kindly deactivate the caching plugin and try again. Also as you are using SSL on your site, make sure to form is also trying to load over https://

Hope this helps.

Cheers!

[simonpurdonParticipant]

Hi, deactivated caching plugin and tried again but it still doesn’t seem to work. I’ve checked all the links within the form html and they are all https.

Please see how I’ve assigned the button element in the rev slider the class clicker and then try to bring up the pop up by referencing that class as instructed and it does not appear.

[RadModerator]

Hi there,

Your modal popup isn’t live. I made it live and it’s now displaying after few seconds or upon clicking the button.

And the reason why the form isn’t appearing is because the content itself has invalid tokens

<!-- Change the width and height values to suit you best -->
<div class="typeform-widget" data-url="https://simon235.typeform.com/to/MAo4f3" data-text="Registration Form" style="width:100%;height:500px;"></div>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>
<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"><a href="https://www.typeform.com/examples/forms/?utm_campaign=MAo4f3&utm_source=typeform.com-3169643-Basic&utm_medium=typeform&utm_content=typeform-embedded-onlineform&utm_term=EN" style="color: #999" target="_blank">Online form</a> powered by Typeform</div>

I fixed it and please check now.

Thanks!

[simonpurdonParticipant]

Hi, okay the popups are now appearing, however, the form is still not displaying?

[simonpurdonParticipant]

Any update? This is fairly urgent!

[JackKeymaster]

Hi there,

Thanks for writing back. I’ve checked this and there’s jQuery/Javascript errors within the embed code for the form which is preventing the form from showing (screenshot attached).

Can you paste the code here which was generated for your TypeForm please? Is the TypeForm embed you selected the popup type? https://www.typeform.com/help/embed-a-typeform/

Thank you!

[simonpurdonParticipant]

That doesn’t seem to make sense, it says the character that’s causing the error is an a? is that correct?

I’ve got three typeforms, all of them are not appearing. The code used is for html embed on a widget, not for a popup as I am using ConvertPlug to popup.

Home Page Sign Up Form Code:

<!– Change the width and height values to suit you best –>
<div class=”typeform-widget” data-url=”https://simon235.typeform.com/to/OhaI6Y” data-text=”Click Registration” style=”width:100%;height:500px;”></div>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id=’typef_orm’,b=’https://s3-eu-west-1.amazonaws.com/share.typeform.com/’;if(!gi.call(d,id)){js=ce.call(d,’script’);js.id=id;js.src=b+’widget.js’;q=gt.call(d,’script’)[0];q.parentNode.insertBefore(js,q)}})()</script>

Home Page Exit Intent Form Code:

<!– Change the width and height values to suit you best –>
<div class=”typeform-widget” data-url=”https://simon235.typeform.com/to/MAo4f3″ data-text=”Registration Form” style=”width:100%;height:500px;”></div>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id=’typef_orm’,b=’https://s3-eu-west-1.amazonaws.com/share.typeform.com/’;if(!gi.call(d,id)){js=ce.call(d,’script’);js.id=id;js.src=b+’widget.js’;q=gt.call(d,’script’)[0];q.parentNode.insertBefore(js,q)}})()</script>

Contact Page Contact Form Code:

<!– Change the width and height values to suit you best –>
<div class=”typeform-widget” data-url=”https://simon235.typeform.com/to/yQosMf” data-text=”Contact Form” style=”width:100%;height:500px;”></div>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id=’typef_orm’,b=’https://s3-eu-west-1.amazonaws.com/share.typeform.com/’;if(!gi.call(d,id)){js=ce.call(d,’script’);js.id=id;js.src=b+’widget.js’;q=gt.call(d,’script’)[0];q.parentNode.insertBefore(js,q)}})()</script>

[simonpurdonParticipant]

Any update? Sorry, can’t stress the urgency of this enough!

[simonpurdonParticipant]

Nevermind!

[Author]

Posts