An opt-in form is a great way to build your email list by offering your website visitors a freebie, discount or newsletter sign-up in return for their email address.
Before you can add (or embed) a form on your website, you’ll first need to create the form. Learn about the different form types and how to create them here.
Depending on the type of form you create, the directions to embed the form code are slightly different.
Popup forms
Popup forms have one code snippet that you will need to add to your website header (before the /head tag) in your website editor.
Once you finish editing your form, click the Embed button in the top right corner and you'll get the embed code.
In case of already existing popup forms on your Forms dashboard,
Hover over the popup form's card
Click the three dots (...)
Select Embed
Inline forms
Inline forms have two code snippets: one that you will need to add to your website header (before the /head tag) in your website editor and one that you will need to add to your post, page, article, or sidebar on your website where you want to display your form.
Once you finish editing your form, click the Embed button in the top right corner and you'll get the embed codes.
In case of already existing inline forms on your Forms dashboard,
Hover over the inline form's card
Click the three dots (...)
Select Embed
For a step-by-step guide on how to embed your HTML code snippets in the most common website builders, check out the following collections:
Full page forms and Link in bio forms
Full page forms and Link in bio forms require no code at all.
To share them, all you have to do is customize the form link and then share it on your social media bio, as a link or button on your website— wherever!
In case of already existing Full page forms or Link in bio form on your Forms dashboard,
Hover over the Full page or Link in bio form's card
Click the three dots (...)
Select Get form link
Summary
After you create an opt-in form, you’ll need to copy and paste the form code generated for you into the appropriate places in your website’s HTML for the form to show up:
For a Popup form, add the one code snippet to your website header (before the /head tag) in your website editor.
For an Inline form, add two code snippets—one to your website header (before the /head tag) in your website editor and one to the blog post, webpage, article or sidebar on your website where you want your form to appear.
Once the form code is embedded on your site, visitors will start seeing (and subscribing to) your form. Hold onto your hat as the subscribers start flying in!
You can always choose a Full page form or a Link in bio Form if you don’t have a website yet or don’t want to bother with code. It works just as beautifully!