Wufoo form inside a Lightbox

Hello,

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 -->
</div>
</div>

Can you help me making this work?

Thank you!

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)