Landing Page. How to integrate MailChimp to newsletter form

Landing Page. How to integrate MailChimp to newsletter form

This tutorial shows how to integrate MailChimp to Newsletter form in Landing Page templates.

1. Basically, we are going to replace template subscription form with MailChimp subscription form. Log into MailChimp and go to Lists section. Make sure that you have list. Create it in case you do not have it. Click on Signup forms:

   

2. Select Embedded forms:

   

3. Specify form title. Select Show Only required fields, uncheck Show required field indicators and copy the code for embedding:

   

4. Open .html file with subscription form. Locate the code with subscription form:

   

5. Replace the original code with the one provided by MailChimp. Be sure to keep structure of code (grids/spans):

   

6. Now we should modify MailChimp code. You may use default styles for MailChimp form or change them. We are going to remove them and use template styles (code is highlighted on the screenshot):

   

7. We should also move scripts to head section of .html file as well as link to css file:

   

8. Save changes you have performed. Upload the modified file and replace the original one. Refresh page.

9. We have integrated MailChimp newsletter form. Note: you may need to add custom styles in order to change appearance of this form:

   

Feel free to check the detailed video tutorial below:

Landing Page. How to integrate MailChimp to newsletter form