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.)
The very last step of creating a form generates a custom code snippet for you. You’ll need to copy this and paste it into your website’s HTML in order for the form to show up correctly.
Depending on the type of form you create, the directions to embed the form code are slightly different (but just as easy, promise).
- Pop-Up forms—These have one code snippet that you will need to add to your website header (before the /head tag) in your website editor.
- Inline forms—These 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.
- Full page forms—All this code talk freaking you out? Good news: Unlike the Pop-Up and Inline forms, the Full page form requires no code at all. To share it out, all you have to do is copy and paste the Full page form’s URL that’s generated for you when you create the form. Then share it on your Linktree, as a link or button on your website— wherever!
For a step-by-step guide on how to embed your HTML code snippets in the most common website builders, check out:
- How to add an inline form to your WordPress website with Gutenberg editor
- How to add an inline form to your WordPress website with Elementor
- How to add an inline form to your Showit site
- How to add an inline form to your Squarespace site
- How to add an inline form to your Wix website
- How to add an inline form to your Kajabi website
Once your form code is embedded on your website, you’ll be on your way to growing your email list in no time.
Let’s sum it up:
- 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 Pop-Up 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.
- Remember, you can always choose a Full page form if you don’t have a website yet or don’t want to bother with code. It works just as beautifully!
- 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!