Answered

Formatting issue when embedding into Squarespace

  • 3 November 2022
  • 7 replies
  • 373 views

I’m trying to embed Typeform into Squarespace. It works, but the formatting is off. It’s flush left instead of centered and very short in height, even though the block I created in Squarespace is centered and large. See the image below.

Any suggestions would be appreciated!

icon

Best answer by Liz 9 November 2022, 19:14

View original

7 replies

Userlevel 7
Badge +5

Hi @amyzelin Could you share the URL where you have the form embedded? Thanks!

Sure. https://ellipse-orchid-kszj.squarespace.com/config/pages

Thanks!

Userlevel 7
Badge +5

Thanks, @amyzelin ! It looks like the URL is hidden behind a login. Do you have a public test page I can take a look at? 

Sorry about that! Try this:

www.bouchebox.com/maple-syrup-tasting

Userlevel 7
Badge +5

Thanks! I see it now, @amyzelin . When you embed on Squarespace, it essentially puts the embed code into a container, so when the height is set to 100%, it’s only going to 100% of that container. 

In this case, to expand the typeform larger, you’ll want to change the height in the embed code to something like 500px or more. 

 

I think it works now. Thanks so much for your help!

Userlevel 7
Badge +5

Yes!! Glad to hear, @amyzelin . Let us know if we can help with anything else!

Reply