Signup Forms let you grow your email list by capturing subscriber information directly on your website through customizable HTML forms. This streamlines contact acquisition and helps you build an audience that has actively opted in to receive your email campaigns.
Maropost provides two options for signing up new users: Signup Forms and Acquisition Forms. Signup forms are simple, HTML-embedded forms that can be added to any landing page or website. When a user submits a signup form, their information is added to the mailing list or lists configured for that form.
To learn more about Acquisition Builder, refer to our Acquisition: Overview article.
Managing Signup Forms
You can create a new signup form and manage previously created ones from the Signup Forms index page.
This feature is accessible from the navigation panel, under Marketing > Acquisition > Signup Forms.
The index page lists every signup form created for the account, along with the following details for each form:
- Pending: Number of submissions awaiting processing.
- Completed: Number of subscribers who completed the form.
- Displayed: Number of times the form was shown to a visitor.
- Created At: Date and time the form was created.
- Updated At: Date and time the form was last modified.
Next, you can access the following options from the Actions menu (ellipsis icon) next to a form:
- Preview: Renders a preview of the signup form.
- HTML Code: Shows the HTML code of the signup form so it can be embedded on a website.
- Edit Form: Opens the signup form in edit mode.
- Delete Form: Permanently deletes the signup form.
Warning: Deleting a signup form is permanent and cannot be undone.
Creating a Signup Form
Creating a signup form is a four-step process that covers form settings, field design, header and footer content, and the thank you message shown after submission.
1. On the Signup Forms index page, click on the New Form (Legacy) button.
2. In Step 1 (Create Signup Form), enter a name for the form in the Name field. Select how subscribers are added to your mailing lists:
- Automatically add subscribers to the mailing list(s) below: Adds every subscriber to all selected lists.
- Allow subscribers to choose from the selected mailing lists: Enables the subscriber to choose which lists to join.
3. In the Lists section, select the checkbox next to each mailing list the form should apply to. Next, configure the optional settings as needed and click Next to proceed ahead:
- Select Send an email to this address when a subscriber is added and enter an email address to receive notifications.
- Select Redirect subscriber to this url after form is complete and enter a URL to send subscribers to a custom page after submission.
- Select Redirect subscriber to this url if there is a validation error upon form submission and enter a URL to handle failed submissions.
- Select Skip thank you page to bypass the default “Thank You” message step.
- Select Include form data in redirect url to pass submitted field values as URL parameters.
- Select Enable reCAPTCHA to add spam protection to the form.
- Select Enable double opt-in to require subscribers to confirm their email address before being added to a list.
Note: To enable reCAPTCHA, you'll need a Site Key and Secret Key, which you can generate by creating a reCAPTCHA on the Google reCAPTCHA home page. Then simply copy these keys into the corresponding fields in the signup form builder.
Since reCAPTCHA won't appear in the form preview, you must embed the form on your website to see it. To learn more, refer to our ReCAPTCHA in Signup Forms article.
4. In Step 2 (Design Sign Up Form), choose and insert the fields in the Design panel to include them as input fields within the form. Default fields, such as First name, Last name, Phone, and Customer ID, appear alongside any custom fields configured for the account. You can drag and drop the fields within the Design panel to rearrange their order within the form.
5. Update the form appearance in the Formatting panel and click Next to proceed ahead:
- Font Family: Sets the font used across the form.
- Font Size: Sets the text size.
- Round Corners: Sets the corner radius of the form and fields.
- Field Border Color: Sets the border color of input fields.
- Form Border Color: Sets the border color of the overall form.
- Form Text Color: Sets the color of form labels and text.
- Background Color: Sets the form background color.
- Button Color: Sets the background color of the submit button.
- Border Color: Sets the border color of the submit button.
- Button Text Color: Sets the text color of the submit button.
- Button Text: Sets the label displayed on the submit button.
6. In Step 3 (Modify Header and Footer), use the Modify form header editor to add a heading, introductory text, or images that appear above the form fields. Similarly, use the Modify form footer editor to add closing text, links, or branding that appears below the form fields. Both editors provide standard text formatting tools, including bold, italic, alignment, lists, links, and a source code view for direct HTML editing. Click Next.
7. In Step 4 (Thank You Message), use the text editor to write the message displayed after a subscriber completes the form. Use the Contact Tags and Other Tags dropdowns, along with other features the editor provides to insert personalization tags into the message. Click Save to complete the form.
Once saved, the signup form appears on the Signup Forms index page, where it can be previewed, edited, embedded using its HTML code, or deleted.
