Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

How to setup MailChimp for the Newsletter Hero template

newsletter-hero

This article covers how you can setup and add your own MailChimp form to the Newsletter Hero template
Also useful knowledge for adding a MailChimp form to any Slider Revolution.

1. Import the Newsletter Hero template

add-import-slider
newsletter-hero-import
newsletter-hero-imported

2. Swap out the form's HTML with your own MailChimp embed code

2.1 Prepare to edit the form's HTML
edit-slide
newsletter-hero-slide
edit-mailchimp-form-layer
newsletter-html-to-edit
  • Curious why the form looks different in the editor?
    Some CSS formatting has been added to the slider's Custom CSS section, and this CSS will only render on the frontend of your site. The Custom CSS added does not need to be edited 🙂
2.2 Sign up for MailChimp
sign-up-for-mailchimp
2.3 Create a List
mailchimp-create-list
2.4 Click the "Signup Forms" link
mailchimp-signup-forms
2.5 Click the "Embedded Forms" option
mailchimp-embedded-forms
2.6 Choose "Super Slim"
mailchimp-super-slim
2.7 Replace the "form action" part of the original embed code as shown in the video screencast below.