Embed a form
Put a signup form on your own site or share it as a hosted link, then test the full path from submission to first email.
On this page›
A form that exists in your account collects nothing. This page covers the two ways to put it in front of people, where on your site it belongs, and how to test the whole path before you rely on it.
Before you start
Build and save the form first, and confirm it points at the list you intend. See Create a signup form.
Two ways to publish#
Every form gives you a hosted page and embed code. They are the same form and the same submissions, so use whichever fits the placement.
The hosted URL is a page hosted for you. Nothing to install, nothing to style, and it works anywhere you can put a link: a social profile bio, a QR code on a printed flyer, a link in an email signature, a Google Business profile, a partner's newsletter. It is also the fastest way to start collecting while your site changes are still in review.
The embed puts the form inside a page you control. Use it when the form belongs in the flow of the page: a sidebar, the end of an article, a footer, a dedicated landing page. Visitors never leave your site, which is worth a meaningful amount of conversion on its own.
Embed it on your site#
Copy the embed code from the form
Open the form in Forms & Popups and copy the embed code it gives you. Copy the whole block. Embed code that has been trimmed by hand is the most common reason a form renders but never submits.
Paste it into your page
Paste it into the HTML of the page where you want the form to appear. In a site builder or CMS, this is usually a block named something like "custom HTML", "embed", or "code". In a hand-built site, paste it into the template at the position you want.
Publish the page and look at it
View the published page, not the editor preview. Editors frequently strip or sandbox embedded code, so a form that looks broken in a preview can be fine live, and the reverse is also true.
Check it on a phone
Load the live page on an actual phone. Confirm the fields are tappable, the labels are readable, and the button is not pushed below the fold or under a sticky header.
Submit it yourself and follow the whole path
Use a real address you can open. See the section below for what to check.
Where to put it#
Placement matters more than form design. A few placements that consistently earn their space:
- The end of an article. Someone who read to the bottom has already shown interest. Ask there.
- A dedicated page. One page, one offer, no navigation competing for attention. This is also the page to link from anywhere you use the hosted URL.
- The footer, sitewide. Low conversion per view, but it catches people who went looking for a way to subscribe.
- The page about the thing you email about. A form on your pricing page offering a weekly newsletter is a mismatch. A form on a guide about a topic offering more on that topic is not.
One form per page is usually right. Two forms on the same page competing for the same signup mostly split the same conversions.
Test the whole path, not the form#
Submitting the form and seeing a success message tells you the form works. It does not tell you the path works. Subscribe yourself with a real address and check every stage:
- The form submits and shows the confirmation message or redirect you configured.
- The contact appears on the correct list, with the field values you typed, not shifted into the wrong columns.
- If double opt-in is on, the confirmation email arrives. Click the link and confirm the contact becomes active.
- Any automation that runs when someone joins that list fires, and the first email arrives.
- That first email looks right in an inbox: sender name, subject, and any personalization that pulls from the fields you collected.
Do this once per form, and again after you change the list the form points at or the fields it collects.
Tip
Use an address at a domain you do not send from, such as a personal mailbox at a large provider. Mail to your own domain often skips filtering that a real subscriber's mail does not, so it hides problems rather than revealing them.
Submissions can start an automation#
A form submission adds a contact to a list, and adding a contact to a list is something automations can watch for. If you have an automation set to run when someone joins that list, a form signup starts it like any other addition.
This is how a welcome email gets sent, and it is also how people get surprised. Two things to keep in mind:
- Building a form before checking the automations on its list means a new subscriber may get an email you forgot about. Look at what is already running on that list before you publish the form.
- Importing contacts into the same list can trigger the same automation. If you import a file into a list that has a welcome automation, decide beforehand whether those people should receive it.
If something goes wrong#
The form does not appear on the page. Your CMS stripped the embed code. Look for an HTML or embed block type rather than pasting into a rich text editor, which commonly removes scripts and iframes.
The form appears but nothing arrives. Check the list first, in case submissions are landing somewhere you did not expect. If the contact is not on any list, the embed code was likely modified or truncated. Repaste it whole.
The contact is there but shows as unconfirmed. That is double opt-in working. The subscriber has not clicked the link yet.
Field values land in the wrong places. The form was edited after the embed was copied. Copy the current embed code and replace the old block.
Last updated September 10, 2026