Meet Laurel! Our latest Blog & Shop WordPress theme.

Okay
  Print

How to setup Laurel's newsletter widget

Please note: This article is specifically for the Laurel theme. 


Laurel comes with custom CSS stylings for the "MailChimp for WordPress" plugin. This plugin allows you to insert a newsletter sign-up form in your Sidebar area. 

When a visitor adds their email via the form, it is saved to your chosen MailChimp mailing list. When you're ready, you can use MailChimp's easy interface to create and send personalized newsletters to your hoards of fans! 

If you would like to apply the same stylings to your newsletter form as seen on Laurel's 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 the following code instead in order to have your form resemble Laurel's 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>Join the Family!</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 "Join the Family!" to something else, you can do so on the 4th line of the above code. You can change the "Sign up and receive the latest tips via email" to your preferred text on the 5th line of 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 Sidebar widget area on the right side of the screen.