If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

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.

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

 
Live Chat
We help you to choose the right product.
Start chat