How to add Mailchimp email form to post or page

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