Table of Contents
Steps:
1. Login to your Mailchimp account, and click to create Embedded form
Then, choose Condensed form
Then, you You will see Code of form on this page in Embedded Form Code field. Click to Generate code first.
2. In this code, you need only two fields, which you need to copy (Action and Name)
In my screen, it’s action https://wpsoul.us20.list-manage.com/subscribe/post?u=28f9e7f7e740f818812abb305&id=323d392873
and name b_28f9e7f7e740f818812abb305_323d392873
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="https://wpsoul.us20.list-manage.com/subscribe/post?u=28f9e7f7e740f818812abb305&id=323d392873" inputname="b_28f9e7f7e740f818812abb305_323d392873" 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="https://wpsoul.us20.list-manage.com/subscribe/post?u=28f9e7f7e740f818812abb305&id=323d392873" inputname="b_28f9e7f7e740f818812abb305_323d392873" 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