Q: how to insert code in the menu in the header to add typeform?

Site URL: https://duck-squid-7bsa.squarespace.com/

Hi,

I would appreciate it a lot if anyone could help me with this.

I'm trying to make the header button open up a popup with a typeform form. When I contacted typeform they told me to do it like this: 1) use the jquery click method on that menu button to load the typeform in a lightbox popup;
or like this: 2) use our Embed SDK documentation to achieve this: https://developer.typeform.com/embed/ 

Unfortunately I'm not sure how to do any of them? 

Any tips on this?

I managed to put a popup button to my form in the side with this code (in case that helps):
<a class="typeform-share button" href="https://form.typeform.com/to/wDQiSvN1" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#D17002;color:white;cursor:pointer;font-family:poppins;font-size:1.3rem;line-height:50px;text-align:center;margin:0;height:50px;padding:5px 33px;border-radius:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true data-hide-footer=true data-submit-close-delay="2" target="_blank">Launch me </a>

<script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

How could I put something similar in the menu in the heading?

I'm on 7.1 here: https://duck-squid-7bsa.squarespace.com/
Pass: squarespace

On 7/30/2020 at 7:26 PM, Fabians said:

Site URL: https://duck-squid-7bsa.squarespace.com/

Hi,

I would appreciate it a lot if anyone could help me with this.

I'm trying to make the header button open up a popup with a typeform form. When I contacted typeform they told me to do it like this: 1) use the jquery click method on that menu button to load the typeform in a lightbox popup;
or like this: 2) use our Embed SDK documentation to achieve this: https://developer.typeform.com/embed/ 

Unfortunately I'm not sure how to do any of them? 

Any tips on this?

I managed to put a popup button to my form in the side with this code (in case that helps):
<a class="typeform-share button" href="https://form.typeform.com/to/wDQiSvN1" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#D17002;color:white;cursor:pointer;font-family:poppins;font-size:1.3rem;line-height:50px;text-align:center;margin:0;height:50px;padding:5px 33px;border-radius:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true data-hide-footer=true data-submit-close-delay="2" target="_blank">Launch me </a>

<script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

How could I put something similar in the menu in the heading?

I'm on 7.1 here: https://duck-squid-7bsa.squarespace.com/
Pass: squarespace

Did you receive an answer for this offline? I have the same request but using paperform to popup.

16 hours ago, jon-koya said:

Did you receive an answer for this offline? I have the same request but using paperform to popup.

Can you share paperform & site url? We can take a look