How do I paste this code into a section of my site?

Support
#1

I want to paste this code so the form will appear seamlessly on one of my pages. How do I do that? I pasted it inside a raw element but it didn’t do anything:

<div class="typeform-widget" data-url="https://form.typeform.com/to/xws76fVn?typeform-medium=embed-snippet" 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://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>
#2

Hi Jhayles,

Thank you for writing in, add the HTML block on a RAW Content element

<div class="typeform-widget" data-url="https://form.typeform.com/to/xws76fVn?typeform-medium=embed-snippet" style="width: 100%; height: 500px;"></div>

Then add the JS block on the Theme Options > JS area

(function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", 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) } })()

Do not include the <script> and </script> tags, those are going to be automatically be added on the frontend.

Hope it helps,
Cheers!

#3

It’s appearing now, but I would like for it to fit within that whole section, like the background images do. Is there a way to make it do that?

You can see it here: www.musicfoodbrew.com

#4

Hi Jhayles,

There is a max-width: 650px; set on the ROW, please set that to none so the form can go full width.

On the HTML code above, there is this style="width: 100%; height: 500px;" set that height to 100vh instead and that form will go full screen.

You might want to set the padding and margin for the section to 0 after.

Hope it helps,
Cheers!

#5

Perfect! Thank you!

#6

You are most welcome Jhayles.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.