How to Embed a Google Form on Squarespace (And Why It Sometimes Looks Blank)

You drop a Code Block onto a Squarespace page, paste in Google’s embed code, and get one of two disappointing results. Either nothing shows up at all, or a grey box lands in the middle of your carefully chosen fonts and looks like someone else’s website wandered onto yours.

Both have fixes. The blank block is almost always Squarespace hiding embedded code from you while you’re logged in, and the grey box is a cross-origin iframe that your site’s styling can never reach into. To have a form that actually looks like your Squarespace site, something other than Google has to render it, which is what TakumiForm does: your questions stay in Google Forms, the form on your page is yours. Squarespace’s documentation checked 16 September 2026.

Here’s the whole thing in order, including the plan requirement that catches people before they even start.

Which Squarespace plans let you embed a Google Form?

This one is worth checking first, because it decides whether anything below will work.

Code Blocks exist on every Squarespace plan, but what they’re allowed to contain doesn’t. Squarespace’s code blocks documentation says “on all plans, code blocks support plain text, HTML, Markdown, and CSS code surrounded by <style></style> tags”, and then draws the line that matters: “adding JavaScript or iframes to code blocks is available in the Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans”. Their custom code page says the same about Code Injection.

Read that twice, because it rules out more than it looks like. Google’s own embed code is an iframe. Our snippet is JavaScript. Every third-party form embed is one or the other. So on the entry-level Basic plan, a Code Block won’t run a Google Form embed no matter whose form tool you’re using.

The Embed Block is the obvious next thing to try, and its documentation doesn’t name a plan restriction, so it may be worth ten minutes of your time. Go in with low expectations though. Squarespace describe that block as pulling “content from services that use the oEmbed standard or manually set embed codes”, and then say “to add other code to your site, use code blocks”. Google Forms isn’t an oEmbed provider, so you’re relying on the manual field accepting a raw iframe. We haven’t tested that on a Basic account and won’t claim it works.

If it doesn’t, your options are to link out to the form instead of embedding it, use Squarespace’s own native Form Block and accept that it isn’t a Google Form, or move up a plan. We’d rather tell you that in the first section than after four hundred words of instructions.

How do I embed a Google Form on Squarespace with Google’s own code?

On a plan that allows it, the plain version takes about a minute.

1. Open your form on Google Forms and click Send, then the angle-brackets tab.
2. Adjust the width and height if you want, and copy the iframe code.
3. In Squarespace, edit the page, add a Code Block where you want the form, and paste the code in.
4. Save, then publish.

That’s the whole job, and for an internal page or a quick signup sheet it’s genuinely fine. Paste it and get on with your day.

Why is my Google Form code block blank in the Squarespace editor?

Because Squarespace is hiding it from you, not because you pasted it wrong.

Their documentation says it outright: “as a security measure, sometimes your code won’t appear when you’re logged in, even if visitors can see it.” So the editor shows you an empty block, you assume the embed failed, and you spend twenty minutes re-copying code that was working the entire time.

The fix is to look at the page the way a visitor does. Squarespace offers Preview in Safe Mode to view the embedded item, and opening the published URL in a private browsing window does the same job. Check there before you change anything.

Worth knowing about its unpleasant cousin too: if a code block ever breaks the editor itself, Squarespace’s help centre points you at disabling scripts in preview so you can get back in and remove the offending block.

Why doesn’t the embedded form match my Squarespace site?

Because it isn’t on your site. Google’s embed is an iframe pointing at docs.google.com, and a browser will not let one site’s stylesheet or script reach into another site’s document. That’s a security rule, not a Squarespace limitation and not a Google setting, and there’s no opt-out.

Which means all of these do nothing:

• Squarespace’s Custom CSS editor, targeting a class you found in the form’s HTML.
• Squarespace’s site-wide font and colour settings.
• Any snippet promising to “restyle” a Google Form from the parent page.

Your styling stops at the edge of the box. Inside it you get Google’s fonts, Google’s radio buttons, the purple submit button, and the two lines of small print at the bottom. There’s more detail on that in our post on removing the Google Forms header and branding, including which parts Google does let you change.

The sizing is its own annoyance. The iframe has a fixed height that you guess in advance. Guess low and visitors get a scrollbar inside a scrollbar. Guess high and there’s a blank gap under the submit button. On a phone, where the form reflows and gets taller, you’ll usually get both on different pages.

How do I embed a Google Form on Squarespace that matches my site?

Have something other than Google render the form. TakumiForm reads your Google Form and serves its own version of it, so there’s no Google chrome to strip out. There’s still a frame on the page, but it’s ours rather than Google’s, which is the difference that matters: you decide what’s inside it, and it reports its own height back to the page so it sizes itself.

1. In your Google Form, go to Extensions → Add-ons → Get add-ons and install TakumiForm.
2. Extensions → TakumiForm → Open TakumiForm, then Connect to TakumiForm and sign in with the account that owns the form.
3. Click Customize. Set your colours, fonts, corner radius and button style to match your Squarespace template, and rewrite the submit label and thank-you message. Upload your logo and it will read your brand colours straight out of the image.
4. Copy the snippet from the Share tab, add a Code Block to your Squarespace page, and paste it in.
5. Save, publish, and check the live page (remember Safe Mode, or a private window).

One setting to check before you send the link out. If your Google Form is set to collect email addresses, limit people to one response, or stay inside your organisation, it’s asking for a Google sign-in, and the embed can’t do that. Turn those off in the form’s Settings on Google, then hit Sync.

What lands on the page is your form in your fonts and colours, sizing itself to its own content so there’s no inner scrollbar and no gap underneath, with no Google header and no small print. Responses still arrive in your Google Form’s responses tab and its linked Sheet, and you keep editing questions on Google exactly as before.

Two things that tend to matter on a Squarespace site specifically. Respondents never sign in to anything, including for file uploads, which plain Google Forms won’t do. And you can send people to your own thank-you page after they submit, so they land back on your site rather than on Google’s confirmation screen.

The embed guide covers the rest: saving a look as a style template to reuse on your other forms, the attribute that makes a long page load the form only when it scrolls into view, and what happens when you edit the questions on Google.

Where Formfacade is still the better choice

Formfacade is an established product and it embeds the same way ours does. If you need email notifications when a response comes in, Sheets Lookup, or e-signatures through Formesign, they have those and we don’t. Buy the thing that does the job you actually need.

Our argument is packaging. Formfacade sells customizing, embedding, file upload and quiz scoring as separate subscriptions with separate response caps, so a Squarespace site that wants a branded form with file uploads is paying for two of them. We sell one plan where every feature is included and the tiers differ only by volume. The full comparison has the numbers.

FAQ

How do I embed a Google Form on Squarespace? Add a Code Block to the page, then paste in an embed snippet. Google’s own code comes from Send → < > in your form. For a form that matches your site’s fonts and colours instead of arriving in a grey Google box, use TakumiForm’s snippet from its Share tab. Either way the Code Block has to be on a plan that allows JavaScript and iframes.

Which Squarespace plans let you embed a Google Form? Squarespace’s own documentation says adding JavaScript or iframes to code blocks is available on the Core, Plus and Advanced plans, plus some legacy billing plans including Business, Commerce Basic and Commerce Advanced. Code blocks exist on every plan, but on the entry-level Basic plan they only accept plain text, HTML, Markdown and CSS, which isn’t enough to run a form embed in a code block. Checked on Squarespace’s help centre on 16 September 2026.

Why is my Google Form code block blank in the Squarespace editor? Squarespace disables embedded code while you’re logged in. Their help centre puts it plainly: “sometimes your code won’t appear when you’re logged in, even if visitors can see it.” Use Preview in Safe Mode, or open the published page in a private browsing window, before assuming the embed is broken.

Can I make an embedded Google Form match my Squarespace site? Not with Google’s own embed. The form sits in a cross-origin iframe, so your Squarespace fonts, colours and Custom CSS can’t reach inside it. TakumiForm renders your Google Form itself, so the version on your page uses your colours, your fonts and your button style, while the questions and responses stay in Google Forms.

Do visitors need a Google account to fill in the form? Not with TakumiForm. They open your page, fill the form in, and submit. That includes file uploads, which Google Forms normally requires a Google sign-in for.

Do responses still go to my Google Sheet? Yes. Responses arrive in your Google Form’s responses tab and in its linked Sheet, written by Google’s own pipeline. You keep editing the questions in Google Forms exactly as before.

Put one form on one page and look at it

Check the plan requirement first, paste the snippet into a Code Block, then view the published page in a private window rather than the editor. If the form looks like a visitor from another website, that’s the iframe, and it’s the part TakumiForm exists to fix. The trial runs 7 days with no card.

Read more on the TakumiForm blog.