Jump to content

Customizing an Embed Code

Recommended Posts

Hi! I am trying to embed a project calculator I have built in Outgrow into a section of my site. I'm hoping to customize the embed code to have two features. 

Here is the page on my site: https://www.nimblecreativecontent.com/start-your-project 

PASSWORD: nimble

First, I'd like the results section to be sticky, similar to how it functions in this live page: https://laurenrogala.outgrow.us/laurenrogala-2

Second, if possible, I'd like the questions to either load as your scroll down so you aren't faced with a super long page when you land, or show 4 questions and as your answer them, more questions appear. 

Here is the embed code provided from Outgrow :

<div><div class='op-interactive' id='65d7b4d8dbf52dcffe70780e' data-title='Laurenrogalas #2 Calculator' data-url='https://laurenrogala.outgrow.us/65d7b4d8dbf52dcffe70780e?vHeight=1' data-width='100%'></div><script>var og_temp=document.createElement('script');og_temp.async=true;og_temp.defer=true;og_temp.src='//dyv6f9ner1ir9.cloudfront.net/assets/js/nloader.js',og_temp.onload=function(){initIframe('65d7b4d8dbf52dcffe70780e')},document.querySelector('head').appendChild(og_temp)</script></div>

Thank you in advance! 


Link to comment
  • Replies 0
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.