An opt-in form is the way you collect email subscribers from your website, blog, online store, Instagram—or wherever your ideal customers are hanging out.
We created a couple of different types of forms you can choose from depending on where you’d like your form to show up on your website. (And if you don’t have a website yet, don’t worry, we’ve got you covered.)
The three form types are:
- Pop-up form: These are the kinds of forms you see when you visit a website. It appears over your website content, grabbing your visitor’s attention so you can offer them a freebie download, a discount or newsletter resources in exchange for their email.
- Inline form: This type of form embeds directly into your website and can be placed wherever you want it to show up. These are great to add all over your website and blog to encourage visitors to subscribe as they browse your website.
- Full page form: The full page form is exclusive to Flodesk and is perfect for you if you:
- Don’t have a website
- Don’t want to worry about embedding form code into your website’s HTML
- Want to create a quick landing page without spending a ton of time
The full page form publishes directly to the web without needing to paste in any code. Just copy and paste the link and share it wherever you want.
Now that you’re all caught up on the different types of forms you can choose from, we’ll walk you through how to create your first one.
Please note: Your form can only collect subscriber data and move this data into a segment you specify in Flodesk. In order to trigger a freebie email send or a welcome sequence once your subscribers are moved into the segment connected to your form, you'll need to create a workflow. Read about creating a workflow here.
To create a form:
Step 1. Go to Forms on the top menu in your Flodesk account
Step 2. Click on + Create new to start a new form
Step 3. Select between a Pop Up (appears over your website content when visitors land on your website), a Inline form (appears inside a blog post, page, or article) or a Full Page form.
Step 4. Click on Customize to start making it your own.
Step 5. THIS IS SUPER IMPORTANT. Select an existing segment(s) or create a new segment(s) for your form.
Why is this super duper important?
- Your new subscribers will be automatically added to this segment when they opt in.
- You will need this information to automate workflows in the future. (Learn more about how this works for sending automated emails here.)
- You can later pull reports and insights on this segment's behavior to determine the success of your opt-in form.
- This is how you keep your subscribers organized—we strongly recommend one segment per form you create.
Step 6. Click anywhere on your form to start editing.
Step 7. Don't forget to customize your success message (this is the text displayed after someone subscribes to your form.
Tip: if you're not seeing the Message tab in your settings bar, click on the form background (outside the form) to go back to all form settings.
Step 8. Click Next on the top right side of your screen to continue to form preferences. Here you'll be able to choose when this form is displayed, who gets it, and whether you get notified every time a subscriber opts in.
Step 9. Grab the HTML codes to embed on your website. After you paste these into the appropriate places on your website, your form will be ready to go!
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
Let’s sum it up:
- An opt-in form is exactly what it sounds like: a form that allows people to opt into your email list so you can grow your subscribers.
- Based on how you want the form to appear, you can choose from three form types:
- A Pop Up form that appears over your content when someone lands on your website
- An Inline form that shows up inside your webpage or blog post
- A Full page form that acts like a landing page with its own URL (no website required)
- Customizing your form’s look and feel is a snap, including uploading your own image, changing fonts and colors, setting when the form is displayed and more.
- After you’ve created your Popup or Inline form, grab the HTML code snippets and paste it into the appropriate places on your website to embed the form wherever you want it to show up.
- Or creating a Full page form? Simply copy the URL generated for you and share it wherever you want!