Set Your Moosend In Motion: Ecommerce
Course Progress
Convert first-time visitors into subscribers and grow your mailing list effortlessly with subscription forms. Choose the template that suits you and customize to collect all the emails and data you need to grow your brand.
Hello and welcome to another Moosend tutorial!
In this video, you will learn how to create your own Subscription Forms with Moosend’s ready-made templates.
Subscription forms are essential for every online store because they help you grow your list effortlessly and boost your sales and you can add them on any website or landing page you want.
Let’s see how you can do this, without any coding.
On your Moosend account click on the Lead Generation tab.
Hover over the Create New button to reveal the drop-down menu of options, then click on Create Subscription Form.
Choose the type of subscription form you wish to create and click on the Create button located next to it. For this tutorial, we will use the Modal Pop-up type. Type in a name for your subscription form, then click Next to continue. This is for internal use only.
When you’re done click Next.
Click on the Take me to the Designer button to start designing your subscription form.
You will be redirected to our Template Library. Browse the templates to find the one that suits you best and click Use Template. Now, you can use our Editor to style it as you wish to match your brand and campaign.
In General Settings, you can customize everything like, Content Width, Content border-radius, Border Width, and Border Color. You can also decide what you want to do with Closing Options of your form.
By clicking on the text of the form the Text Settings appear on your left and from here you can style your text by changing the font, size, and color.
By clicking on the field area of the form the Form Settings appear on your left and from here you can change things like the Background Color, Form Width, Form Type, Borders, Color and Padding.
Then, you can click on the On Submit field and select what happens after a visitor submits your form. You can see the choices from the dropdown menu appearing. We will select the Display Success/Error message. You can style that text too, or change it entirely. Click Preview message to see how it looks in the form. Then Select the mailing list to which your new subscribers from this form are added!
Click on the Edit Custom Fields button to activate more custom fields, or create new ones.
I will activate the Name custom field and create a Birthday custom field.
Next, you can find all elements of the form you want to adjust. Let’s change the color of the Subscribe button.
To customize the rest of the design,click on the Elements at the top, and open the settings of each element to customize it. For example, you can replace the image.
Go back to your structure and click general settings to discover all the adjustments and customization that you can do, to create a unique Subscription Form for your needs!
Once you’re happy with your design click Preview to see how it looks on different devices and make any further adjustments if needed.
When you are ready, click on the Proceed to Next Step button.
A pop-up window appears, asking you to confirm that you wish to continue to the next step. Click on the Ok button.
Now it’s time to set the Visibility Settings of your form. Choose when you would like the subscription form to be displayed, Upon Visit or Upon Exit.
When you select Upon visit, the subscription form is displayed when someone visits the page, after a set amount of time that you specify.
1. Use the first two fields to specify the number of Seconds, Minutes, Hours, Days, Weeks or Months that need to have passed since the visitor last viewed the form.
2. Use the next two fields to specify the amount of time that should pass before the form is displayed to returning visitors.
When you select Upon Exit, the subscription form will be displayed when someone is about to leave the page. You will need to specify the amount of time that needs to have passed since the visitor last viewed the form.
Next, you can choose to hide the subscription form entirely from visitors who have already submitted it. To do this, switch the Avoid submission repetition option to On.
You can also choose Advanced Conditional Visibility Settings for your subscription form to set more rules for showing or hiding your form.
To set rules for showing your form, follow the steps below: Click on the Conditional rules for showing the form tab. Specify if the form should be displayed when All or Any of the criteria are present, using the drop-down menu. Use the Add rule button to add the rules you wish, and fill in the relevant fields to define them.
You have the following options:
URL Path, Cookie, Country, Device Type, Operating System.
For example you can choose Device Type if you want this pop-up to appear only to those who visit your website from a desktop.
To set rules for hiding your form, click on the Conditional rules for hiding the form tab and define the rules in the same fashion. You should always remember that any rules you set for hiding your form will prevail over rules for displaying your form.
In the next step, you can automatically publish your form on your Website that is connected with your Moosend account. To publish your form on your website switch the Publish on my Moosend Website option to On and select your website or landing page from the drop-down menu. In order to see a Website here, it has to be verified, or your Landing pages to be active.
If you want you can also publish your subscription form on an external platform.
For this video we will proceed with publishing on your site.
Here you can see a summary of your subscription form content and setup.
Check one more time to see if anything is missing from your subscription form.
If everything looks good, click Publish! Let’s see how it looks on our website!
That’s it! You’ve just created your first subscription form. Your mailing list is ready to grow!
Happy email marketing!