Breena comes with custom CSS stylings for the “MailChimp for WordPress” plugin. This plugin allows you to insert a newsletter sign-up form in either your Sidebar area, beneath a Post on its singular page, or beneath the homepage’s Footer Area.
If you would like to apply the same stylings to your newsletter form as seen on Breena demo site, you can follow the steps below.
1. First, ensure you have installed and activated the “MailChimp for WordPress” plugin.
2. Once the plugin is activated, navigate to WP Dashboard > MailChimp for WP.
Here, you can copy and paste in your unique MailChimp API Key which will connect your newsletter form to your MailChimp mailing list.
If you don’t have a MailChimp API Key yet, you can sign up for a MailChimp account at MailChimp’s website.
3. Next, navigate to WP Dashboard > MailChimp for WP > Forms.
Here, you will see the HTML code that “builds” your newsletter form. We will want to replace this HTML code with following code instead in order to have your form resemble Breena demo site. You can simply delete the code within the text box and replace it with the following instead:
<div class="subscribe-box"> <div class="subscribe-text"> <h4>Never Miss a Recipe!</h4> <p>Sign up and receive the latest tips via email.</p> </div> <div class="subscribe-form"> <input type="email" name="EMAIL" placeholder="Your email address" required /> <input type="submit" value="Subscribe" /> </div> </div>
Note: If you’d like to change the text from “Never Miss a Recipe!” to something else, you can do so on the 4th line of the above code.
Be sure to save changes to the form when finished.
To then add your newsletter sign-up form to your site, you can navigate to WP Dashboard > Appearance > Widgets and add the “MailChimp Sign-up Form” widget to your desired widget area on the right side of the screen.