Jump to content

Wufoo form inside a Lightbox

Recommended Posts


I'm trying to include a Wufoo form inside a Lightbox in my Squarespace website. I saw this tutorial but it's not working, when I click on the CTA nothing happens. I'm using the pro subscription so I should be able to put code boxes.

The code I tried to put was this:

<a href="#/" data-featherlight="#contact-form">Preencher Formulário</a>
<div style="display:none;">
<div id="contact-form">
<!-- Form Embed Code - START -->
<div id="wufoo-zdrzkyp1d1s7ru"> Fill out my <a href="https://mariagigantic.wufoo.com/forms/zdrzkyp1d1s7ru">online form</a>. 
</div> <script type="text/javascript"> var zdrzkyp1d1s7ru; (function(d, t) { var s = d.createElement(t), options = { 'userName':'mariagigantic', 'formHash':'zdrzkyp1d1s7ru', 'autoResize':true, 'height':'976', 'async':true, 'host':'wufoo.com', 'header':'show', 'ssl':true }; s.src = ('https:' == d.location.protocol ?'https://':'http://') + 'secure.wufoo.com/scripts/embed/form.js'; s.onload = s.onreadystatechange = function() { var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return; try { zdrzkyp1d1s7ru = new WufooForm(); zdrzkyp1d1s7ru.initialize(options); zdrzkyp1d1s7ru.display(); } catch (e) { } }; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr); })(document, 'script'); </script>
<!-- Form Embed Code - END -->

Can you help me making this work?

Thank you!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi. Have you solved this yet?

A few months ago I solved a similar case, I used Lightbox plugin to achieve this (embed a booking form)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.