MailChimp Newsletter (Pro Only)

Built-in MailChimp Widget

Kale Pro 2.2+ comes with a MailChimp subscription form widget built-in!

Please note, in Kale Pro 2.7+ you can now choose to require your newsletter or mailing list subscribers to double opt-in. A new setting has been added to the Kale Pro MailChimp Widget. More details here: https://mailchimp.com/help/about-double-opt-in/ The double opt-in process includes an extra confirmation step that verifies each email address.

With Kale Pro, now it's easy to create a newsletter subscription box, as it comes in a built-in widget. You can put the Kale Pro - MailChimp widget in any widget area, for example on the sidebar.

Here is what you need in order to get started with MailChimp and the Kale Pro MailChimp widget:

1

Sign up for MailChimp, or  log into your account. 

2

Go to your Account page to get your API Key - for more details, read the instructions here

3

You will also need to either create a new list or or get the list ID of a current list that you'd like to use. For more details, read the instructions  here.

4

Now drag the KalePro - MailChimp widget in any sidebar or footer area.

5

You can provide a custom title and description to the form. You can also enable users to submit their first and last names, along with email addresses.

6

Save the widget - it will create a nicely formatted subscription form on the website.

Embed MailChimp Form Code

MailChimp newsletter signup form can be added as a Text Widget to any sidebar location. To do this, simply go to your Mailchimp list > Signup Forms > Embedded Forms and copy the embed code.

Paste the embed code into a Text Widget and assign it to any sidebar location. Remove the following lines from the top of the embed code to ensure that the theme formatting applies correctly.

<style type="text/css"><br>#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }<br />/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.<br /> We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */<br /></style>