Skip to content

embed on your website

Embed a sign-up sheet in Squarespace

Copy the inline snippet from the sheet's Share tab, paste it into a block on your Squarespace page that accepts HTML, and publish. The sheet appears right on your page and takes sign-ups exactly like its public link does.

The short answer: Add a Code block to the page, make sure its mode is HTML, paste the inline snippet from the sheet's Share tab, and save. Code blocks that hold an iframe need Squarespace's Core, Plus, or Advanced plan.

Copy the snippet from SignUpChurch

  1. Publish the sheet.

    An unpublished or archived sheet shows as nothing inside an embed. Publish it from the sheet page first; you can keep editing slots afterwards.

  2. Open the sheet's Share tab.

    Find the Embed on your website card. It holds two snippets: Inline embed, which shows the form on your page, and Popup button, a button that opens the form over your page.

  3. Click Copy code under Inline embed.

    The button says Copied! when it has. If copying fails, select the code in the box and copy it by hand — all of it, from <!-- to </iframe>.

Paste it into Squarespace

  1. Edit the page and add a block.

    Hover over the section where the sheet should go and click Add block (the +). Choose Code.

  2. Set the block to HTML and paste.

    Click the pencil on the block to open it. In the Mode menu pick HTML, leave Display Source off (on, it prints the code as text instead of running it), and paste the snippet into the box.

  3. Save and view the page.

    Click Save at the top left. Squarespace shows the frame on the live page; in the editor it may show a placeholder until you leave edit mode.

Squarespace only renders iframes and scripts in a Code block on its Core, Plus, and Advanced plans. On the Basic plan the block shows nothing — link to the sheet with a Button block instead.

Check it

Open the published page in a private window — not the builder's editor preview, which often doesn't run embeds. You should see the sheet with its spots. If the space is blank, the sheet is probably unpublished; if you see the code itself as text, it went into a text block instead of an HTML block. The embed shows the same banner and read-only spots as the public page when the sheet's sign-up window is closed. More on publishing, windows, and the snippets in Publish, share & embed.

Want one spot on your site for every sheet instead of an embed per event? Your church page lists every published sheet you choose, with open-spot counts, at one address — link to it once, or embed its address the same way.

Common questions

Squarespace says my plan doesn't allow code.
Iframes and scripts in a Code block need Squarespace's Core, Plus, or Advanced plan. On the Basic plan, add a Button block that links to the sheet's address instead — volunteers land on the same form, just on its own page — or print the QR code on the page as an image.
Should I use the Embed block instead of the Code block?
The Embed block is for links to services Squarespace already knows (YouTube, Instagram). The SignUpChurch snippet is raw HTML, so it goes in a Code block.
Inline embed or popup button — which should I use?
Inline shows the whole sheet right on your page, which is best for a page about that event. The popup button is a single button that opens the sheet in a window over your page — good for a page that lists several things. Both take sign-ups exactly the same way. If your website builder strips JavaScript, only the inline embed works; the popup button needs a little script to open the window.
The form is cut off at the bottom.
The inline snippet is a frame 620 pixels tall and a long sheet scrolls inside it. To show more at once, change height="620" in the snippet to a larger number, such as 900 or 1200, before you paste it — or after, if your builder lets you edit the code.
Does the embed follow my design?
Yes. The colors, fonts, spacing, and logo set on the sheet's Design tab (Basic and Pro) apply inside the frame. The embed shows just the form, without SignUpChurch's site header, so it sits in your page.
Do sign-ups through the embed work the same?
Yes. It's the same form: the confirmation email, calendar invite, waitlist, spots-per-person cap, and ChMS sync all work as they do on the public page, and the thank-you appears inside the frame.
I renamed the sheet's link. Do I need to update the embed?
No. Renaming the permalink keeps a redirect from the old address, so embeds, printed QR codes, and shared links keep working.
Will Google find the sheet on my site?
The embed itself is kept out of search engines on purpose; the sheet's own public page is what search engines index. If you want the sheet found, link to its public address from your page as well as embedding it.

Next up: Publish, share & embed →