How To Create a Subscription Form
Creating a subscription form in MailPoet is easy! To begin, simply go to the Forms page on the MailPoet menu and click Add New.
1. The Settings Panel
Now you're on the Form Editor page. Here, you will see an already-created example form.
First, pick a list to which this form will assign your subscribers to. You can do this on the Settings panel on the right side of the screen.
If you don't want to pre-select these lists and would rather allow your subscribers to select which lists they want to join, then click on the Fields panel and drag the List selection field to the form editor:
Now, select what your form will do after a subscriber hits "Submit." You have two options:
- Show a custom message to your subscribers
- Redirect your users to a different page
2. The Form Placement Panel
On this panel, you will find the code necessary to embed the form on your website (or on another website):
- The Shortcode is used to include the form on your WordPress Posts or Pages. Shortcodes will not work on an external website.
- If you are developing your own theme, the HTML and PHP codes are useful for custom template pages.
- The iFrame is primarily used on external websites. That is, a website other than the one with MailPoet installed on it. Using an iFrame, subscribers can join your list(s) from elsewhere on the Internet.
2.1 The MailPoet Form Widget
You can also add a MailPoet Form widget to any sidebars available on your theme. To do this, simply go to the Widgets page and drag the MailPoet Form widget into one of your theme's sidebars.
3. The Fields Panel
On this panel, you can add additional fields to your form, such as First name, Last name, or Birthday.
By default, MailPoet includes these basic fields:
If you want to add more fields, like Birthday or Country, simply click on the Add New Field button to create them. These custom fields can be also created while importing subscribers via a CSV file.
If you mouseover each field you added, you’ll see an “Edit display” option. So if you want to edit the Name field, for example, you can edit its label text and choose if you want to display or not label within the input and if you want it to be or not mandatory (except for the Email field, which is mandatory by default).
4. The Styles Panel
Finally, this panel allows you to style all your form components with Cascading Style Sheets (CSS.) When saving your form, all the styles added in this panel will also be saved - there is no need to add these styles to your own theme's stylesheet.
MailPoet does not provide support for styling subscription forms. If you need help styling a form, we recommend finding a professional at Fiverr.
Feeling adventurous? If you want to style the form yourself, here is a basic introduction to CSS: CSS Basics.