{"id":7999,"date":"2025-01-08T16:45:00","date_gmt":"2025-01-08T11:15:00","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=7999"},"modified":"2025-01-08T19:48:36","modified_gmt":"2025-01-08T14:18:36","slug":"create-signup-forms-mailchimp-campaign-monitor","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/create-signup-forms-mailchimp-campaign-monitor\/","title":{"rendered":"How to Create Signup Forms in Mailchimp & Campaign Monitor"},"content":{"rendered":"\n

[This post was originally published on 20th Feb 2023. It has been updated on 8th Jan 2025.<\/strong>]<\/p>\n\n\n\n

Just like your skin acts as the first line of defense for your body, signup forms are the first line of lead generation strategy for your business. Once you can get your signup forms right, you can pave the way for enhancing your business.<\/p>\n\n\n\n

To make the task easy for you, we will be sharing how to create a Mailchimp email signup form and signup forms in Campaign Monitor. Let\u2019s start with Mailchimp first<\/a>.<\/p>\n\n\n\n

How to Create A Mailchimp Custom Signup Form<\/strong> <\/h2>\n\n\n\n

Once you have created your mailing list in Mailchimp, you can customize the Mailchimp signup form according to your branding principles and add exclusive Offers to woo new customers. If it gets too technical for you, just hire Mailchimp email expert<\/a> from Email Uplers and make your lives easier. <\/p>\n\n\n\n

\"SignupHow to Initiate the Process?<\/h3>\n\n\n\n

First of all, modify your Mailchimp email signup form <\/strong>and the response emails with the help of <Form Builder>, before generating the embedded form code.<\/p>\n\n\n\n

\"Embedded<\/h3>\n\n\n
\"\"<\/a><\/div><\/div>\n\n\n\n

You have 5 embedded signup form design options:<\/h3>\n\n\n\n

1. Classic:<\/strong> It is similar to hosted Mailchimp signup forms<\/p>\n\n\n\n

\"Types<\/figure><\/div>\n\n\n\n

It is useful if you wish to go for a traditional signup form. You can create a signup form in Mailchimp with additional fields or options you wish to add, that includes form title and width, visible and required fields, groups, and other formatting options.<\/p>\n\n\n\n

For professionals who use JS on the webpage, it is recommended that they check the box <Disable JavaScript>.<\/p>\n\n\n\n

2. Super Slim:<\/b> Can be used as a sidebar on the website<\/p>\n\n\n\n

\"Super<\/figure><\/div>\n\n\n\n

The Super Slim Mailchimp custom signup form templates come in handy when you wish to have only an email address field in your Mailchimp email signup form. It is easy to customize the title and width of the form too.<\/p>\n\n\n\n

3. Horizontal:<\/b> Pan out as footers<\/p>\n\n\n\n

\"Horizontal<\/figure><\/div>\n\n\n\n

The horizontal form is almost similar to the Super Slim form with minor changes. You can customize the title and figure out whether you need it or not.<\/p>\n\n\n\n

4. Naked:<\/strong> No defined styles<\/p>\n\n\n\n

\"Naked<\/figure><\/div>\n\n\n\n

The Naked form is just like the Classic form without any CSS or JS. The advantage of these forms is that it gives you more control and flexibility. It is possible to include a form title, change the form width, add or remove form fields and even link to your campaign archive.<\/p>\n\n\n\n

5. Advanced: <\/b>Host Your Own Signup Form – Using API. <\/b><\/p>\n\n\n\n

Just check out your hosted \u2018Mailchimp form\u2019 for form action, user ID, list ID, and input name elements from the page source. Merge these details in the form hosted on the website and you\u2019re all set!<\/em><\/p>\n\n\n\n

The advantage of using this method over other Mailchimp signup form <\/strong>design options is that it allows you to select whether you want to have \u2018single opt-in\u2019 or \u2018double opt-in\u2019 for your subscribers who fill up this sign up form. With the conventional method, Mailchimp, by default, will apply double opt-in which might reduce the lead conversion up to certain extent. This method helps you decide whether you want a single or double opt-in.<\/p>\n\n\n\n

Note: The embedded forms take up the style sheet of your website, so the form may look different in Mailchimp <\/em><\/strong>and the website<\/em><\/strong>. To make sure that your website design and form are visually in sync, you will have to modify the form code after adding it to your site.<\/em><\/strong><\/p>\n\n\n\n

How to Get Embedded Form Code?<\/h2>\n\n\n\n

Now let\u2019s look at how to create a Mailchimp embed signup form. <\/p>\n\n\n\n

Select \u201cform option\u201d after creating your signup form. Customize the settings and generate the form code that you wish to add to your website.<\/p>\n\n\n\n

S<\/b>t<\/strong>eps to get the form code:<\/b><\/p>\n\n\n\n

  1. Go to the Lists page.<\/li>
  2. Click the drop-down menu adjacent to the list and <select Signup forms>.<\/li>
  3. Go to Embedded forms.<\/li>
  4. Select a form type- Classic, Super Slim, Horizontal, or Naked and customize the Form Options.<\/li>
  5. Copy the code from the Copy\/paste onto your site field and paste the entire code into the HTML<\/a> of your website where you wish to see the Mailchimp embed form.<\/li><\/ol>\n\n\n\n

    \"mailchimp<\/h3>\n\n\n\n

    Done! That\u2019s how you create a Mailchimp embed signup form. <\/p>\n\n\n\n

    Form Options<\/h3>\n\n\n\n

    In addition to the types of forms, Mailchimp also gives you the option to include reCAPTCHA so that there are no spam signups. By enabling reCAPTCHA, subscribers will have to check a reCAPTCHA box in a pop-up window once they click the link in the confirmation email<\/a>.<\/p>\n\n\n\n

    How to Create A Pop-up Form in Mailchimp?<\/strong><\/h2>\n\n\n\n

    You can\u2019t neglect pop-up forms while learning how to create a form on Mailchimp. So, to create a pop-up form, follow these steps: <\/p>\n\n\n\n