Table of Contents
Steps:
1. Login to your Mailchimp account, create or edit List and go Edit SignUp Forms
then go to Embedded form
Then, choose Super Slim forms
You will see Code of form on this page.
2. In this code, you need only two fields, which you need to copy (Action and Name)
In my screen, it’s action //wpsoul.us10.list-manage.com/subscribe/post?u=4b4bbda55bb6deb367e6f52d9&id=91a3d5629a
and name b_4b4bbda55bb6deb367e6f52d9_91a3d5629a
3. To insert Mailchimp form in theme with formating, use next shortcode. If you want to insert it in sidebar, add Text widget in sidebar and add shortcode. If you need to add form in bottom of post, add it in Theme option Ads option After post area
[rh_mailchimp action="//fleek.us10.list-manage.com/subscribe/post?u=4b4bbda55bb6deb367e6f52d9&id=6b32851a5b" inputname="b_4b4bbda55bb6deb367e6f52d9_6b32851a5b" title="Subscribe to our list" subtitle="Don't worry, we don't spam" button="Subscribe" placeholder="Email address"]
‘Action‘ and ‘inputname‘ is required fields, set here your own name and action from previous step.
title is Title before mail input
subtitle is for word under email input
button is label on button
placeholder is placeholder in field
All of this, will give you next look
Adding mailbox as Page element
You can also add mailbox as page block. Example:
To add next block, use page builder and ready template Name of this template is Elements: full width subscribe block with Mail Chimp form
Now, change Raw HTML module on Text module and use shortcode as in previous step, but add new parameter flat=1. Also, you can delete title and subtitle parameter. Example:
[rh_mailchimp action="//fleek.us10.list-manage.com/subscribe/post?u=4b4bbda55bb6deb367e6f52d9&id=6b32851a5b" inputname="b_4b4bbda55bb6deb367e6f52d9_6b32851a5b" flat=1 button="Subscribe" placeholder="Email address"]
How to add another color for button
By default, it’s green. You can add other color with next code
.rehub_chimp_flat #mc_embed_signup input#mc-embedded-subscribe{background-color:red}
you can place this in theme options – general options – custom css