I pasted the snippet and it shows up as code on the page.

It went into the regular editor, which treats it as text. Delete it, click the Source code button on the editor's toolbar, and paste it there instead — that's the only place Tithe.ly Sites runs pasted HTML.

The frame is the wrong size.

Tithe.ly's editor treats the frame like an embedded video: select it and use the Insert/Edit Video button on the toolbar to change its width and height. Or edit height="620" in the snippet before pasting.

Is this the same as syncing with Tithe.ly?

No. This puts the sheet on your website. Sending sign-ups into your Tithe.ly (Elvanto) people list is the ChMS integration, which is built and waiting on Tithe.ly's partner access — see the roadmap.

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.

embed on your website

Embed a sign-up sheet in Tithe.ly Sites

Copy the inline snippet from the sheet's Share tab, paste it into a block on your Tithe.ly Sites 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: Edit the page, click into a text block, press the Source code button on the editor toolbar, paste the inline snippet from the sheet's Share tab, click OK, and save the page. You need permission to edit the site.

Copy the snippet from SignUpChurch

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.
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.
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 Tithe.ly Sites

Open the page and a text block.
In your Tithe.ly Site, edit the page where the sheet should go and click into the text block (or add one) at that spot.
Open Source code and paste.
On the editor toolbar click Source code. In the window that opens, put the cursor where the sheet should appear and paste the whole snippet. Click OK.
Save the page.
Save, then open the page on your live site to check it.

Tithe.ly Sites has no separate HTML block. Pasted code only runs when it goes in through Source code; anywhere else in the editor it's just text.

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

I pasted the snippet and it shows up as code on the page.: It went into the regular editor, which treats it as text. Delete it, click the Source code button on the editor's toolbar, and paste it there instead — that's the only place Tithe.ly Sites runs pasted HTML.
The frame is the wrong size.: Tithe.ly's editor treats the frame like an embedded video: select it and use the Insert/Edit Video button on the toolbar to change its width and height. Or edit height="620" in the snippet before pasting.
Is this the same as syncing with Tithe.ly?: No. This puts the sheet on your website. Sending sign-ups into your Tithe.ly (Elvanto) people list is the ChMS integration, which is built and waiting on Tithe.ly's partner access — see the roadmap.
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 →