Categories

Landing Page. How to integrate MailChimp to newsletter form

Ryan DeWitt June 30, 2015
Rating: 5.0. From 1 vote.
Please wait...


Landing Page. How to integrate MailChimp to newsletter form

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

Landing Page. How to integrate MailChimp to newsletter form-1

  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:

    Landing Page. How to integrate MailChimp to newsletter form-2

  2. Select Embedded forms:

    Landing Page. How to integrate MailChimp to newsletter form-3

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

    Landing Page. How to integrate MailChimp to newsletter form-4

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

    Landing Page. How to integrate MailChimp to newsletter form-5

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

    Landing Page. How to integrate MailChimp to newsletter form-6

  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):

    Landing Page. How to integrate MailChimp to newsletter form-7

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

    Landing Page. How to integrate MailChimp to newsletter form-8

  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:

    Landing Page. How to integrate MailChimp to newsletter form-9

Feel free to check the detailed video tutorial below:

Landing Page. How to integrate MailChimp to newsletter form

HTML Landing Page Templates
This entry was posted in Landing Page Tutorials and tagged form, landing, Mailchimp, newsletter. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.