How to Create an Opt-in Form in Systeme.io (Beginner Tutorial)
-
đ ď¸ What Youâll Need
-
đˇStep 1: Open the Funnel Editor
-
âStep 2: Add an Opt-In Form (If Your Page Doesnât Already Have One)
-
âď¸Step 3: Configure Your Name and Email Fields
-
đStep 4: Configure the Submit Button
-
â
Step 5: Save and Test Your Opt-In Form
Disclosure: Some links in this article may be affiliate links, which means I may earn a commission at no extra cost to you if you choose to purchase through them. I only recommend tools I believe are genuinely useful, especially for beginners. Â
In this tutorial, Iâll show you how to create an opt-in form for your funnel page in Systeme.io so you can collect names and email addresses from your visitors.
Once your opt-in form is configured, visitors will be able to submit their information and continue to the next step in your funnel.
đ ď¸ What Youâll Need
If you donât already have a Systeme.io account, you can create one here.
If youâre new to Systeme.io and havenât created a funnel page yet, check out my tutorial on how to create a funnel in Systeme.io first.
đˇStep 1: Open the Funnel Editor
Go to Sites â Sales Funnels
Open the funnel you want to add an opt-in form to.
Click Edit Page.
âStep 2: Add an Opt-In Form (If Your Page Doesnât Already Have One)
đNote:
Most pre-made templates already have areas where you can add elements such as forms, buttons, text, and images. If you see dotted lines appear when dragging an element, you can usually place it there.
On the left-side toolbar under Elements, scroll down until you see Form.
Drag two Form Input elements into your funnel and place them on any of the dotted lines that appear. Position one directly underneath the other.
If youâre using a pre-made template, these elements may already be added for you. If thatâs the case, you can skip ahead to Step 3.
âď¸Step 3: Configure Your Name and Email Fields
Before we configure the fields, itâs important to assign the correct input type to each one. This tells Systeme.io what information is being collected from visitors and helps ensure their information is stored correctly.
Click the first Form Input. In the left-side toolbar under âInput Type,â select âFirst Name.â
For the Placeholder Text, you can change it to simply âNameâ so visitors can enter either their first name or their full name if they prefer. The Placeholder Text helps visitors know what information to enter in the box.
Click the second Form Input and select âEmailâ under âInput Type.â This field will be used to collect your visitorsâ email addresses.
You can leave the Placeholder Text as it is, or change it to âEmail Addressâ if you prefer.
đStep 4: Configure the Submit Button
Back on the left-side toolbar home screen, scroll down to Form and drag a Button element underneath the second Form Input.
Click the button you just added.
Under âAction when button clicked,â leave it set to âSubmit Form.â This tells Systeme.io to collect the visitorâs information when they click the button.
Under âDo you want to redirect users after contact registration?â, leave it set to âTo the Next Step.â This will send visitors to the next page in your funnel after they submit their information.
Leave "Do you want to enable double opt-in on this form?" unchecked. This setting asks subscribers to confirm their email address before being added to your list, which adds an extra step to the sign up process.
Scroll down to âTypographyâ and change the button text to your liking. You can use something simple like âSubmitâ or âClick Here.â If youâre offering a free resource, you could use something like âGet My Free Guide.â You can also remove the small text beneath the button by deleting the content in the Subtext box.
If you scroll down a little further, you can also customize the button color and other effects, such as shadows, borders, and hover effects.
â Step 5: Save and Test Your Opt-In Form
When youâre finished, click Save and Exit in the top-right corner.
Click View Funnel Step to open your page.
Enter a test name and email address into the form, then click the submit button.
Return to your Systeme.io dashboard and go to CRM â Contacts.
If your opt-in form is working correctly, you should see the information you submitted listed as a new contact.
đNote:
If your contact doesn't appear immediately, don't worry. Refresh the Contacts page, and it should show up.
Your opt-in form is now ready to collect names and email addresses from your visitors.
Once your form is working correctly, the next step is creating a thank-you page so visitors have somewhere to go after submitting their information.
You can learn how to do that in my guide on how to create a thank-you page in Systeme.io.
If you donât already have a Systeme.io account, you can create one using the button below.
Continue Learning Systeme.io
If youâre just getting started with Systeme.io, these beginner tutorials may help:
How to Create a Funnel in Systeme.io â Learn how to create your first funnel using a pre-made template.
How to Edit a Funnel Page in Systeme.io â Learn how to customize your funnelâs design, text, images, and buttons.
-
đ ď¸ What Youâll Need
-
đˇStep 1: Open the Funnel Editor
-
âStep 2: Add an Opt-In Form (If Your Page Doesnât Already Have One)
-
âď¸Step 3: Configure Your Name and Email Fields
-
đStep 4: Configure the Submit Button
-
â
Step 5: Save and Test Your Opt-In Form
Disclosure: Â Some links in this article may be affiliate links, which means I may earn a commission at no extra cost to you if you choose to purchase through them. I only recommend tools I believe are genuinely useful, especially for beginners.