How to create and use a MailChimp Submission Form

This article is going to show you how to create a MailChimp Submission Form, using CTA Now.

Important: CTA Now is designed to help you create sticky call-to-action buttons available on MOBILE views.

What is MailChimp Submission Form?

A MailChimp Submission Form created with CTA Now is a form that allows customers to submit their emails for a particular purpose. A MailChimp Submission Form created with CTA Now is sticky on mobile screens.

How to create a MailChimp Submission Form?

Create a new CTA

From CTA Now Dashboard, click “Create a new CTA” button.

Select page type, page name and specific page(s)

To get started, you need to give the button a name and select where to display it.

Depending on the page type you selected, you might be required to select the specific page(s) where you want to display the button.

Upon selecting pages, you’ll be redirected to CTA Now Editor, where you can select the type of the button.

Add Button

In this case, select “MailChimp” to start.

Button Settings

In this Button Settings tab, you can change the settings of the button, which are:

Banner

Settings for banner include:

  • Enable Bar Banner: Put your submission form into a banner.

  • Enable Message: Add a text message to tell people what it means by clicking on the buttons.

  • Message Content: Edit the text message.

  • Enable Close Button: Add a close button so that your customers can close the buttons.

MailChimp Form

In MailChimp Form, you can change the settings for:

  • Action URL: In short, this action URL is a URL you obtain from your MailChimp account. By using this URL, emails submitted from the form will be integrated into your MailChimp email lists.

  • Email Placeholder: The default text displayed when no email is filled.

  • Button Text & Icon: Edit the text and the icon that is shown on the button.

Button Styling

In the Button Styling tab, you can make changes to the look and feel of the form so that they match with the overall theme of your store.

Banner

Styling for the banner (only available when you enable bar banner) include:

  • Font Family: Click the drop-down list and select the font family option.

  • Font Size: Adjust the slider or enter a number to set the font size.

  • Text Color: Enter the color code or click on the square icon to set the text color.

  • Background: Enter the color code or click on the square icon to set the background color.

Overall

Styling for your MailChimp submission form in overall include:

  • Button Size: Click on Small/Medium/Large option to select the button size.

  • Font Family: Click the drop-down list and select the font family option.

  • Button Shape: Click the drop-down list and select the button shape.

  • Border Radius: Adjust the slider or enter a number to set the border-radius.

Mailchimp button

Styling for Mailchimp button include:

  • Text Color: Enter the color code or click on the square icon to set the text color.

  • Background Color: Enter the color code or click on the square icon to set the background color.

Note: After clicking on Save & Publish button, please check your page on mobile devices to see your sticky call to action button.