MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Adding a newsletter sign-up form to Oleander

Please note: This FAQ Article is specifically for the Oleander theme.



Oleander comes with pre-stylings included for the "Mailchimp for WordPress" plugin. In order to add a MailChimp newsletter sign-up form widget to your sidebar, you can follow the instructions below.
We'll need to first create a MailChimp Account, install the necessary plugin, and then set up your newsletter widget.





1. SIGN-UP FOR MAILCHIMP

First, please ensure you have signed up and created an account with MailChimp ( http://mailchimp.com ). 

The first step you'll want to do is to create a "List" within your MailChimp account. This is where all of your subscribers' information will be kept. 

To create a MailChimp List:
Log into your MailChimp account > In the top menu area, click "Lists" > Click the "Create List" button > Fill in the requested information like List name & the email address you will be sending your newsletter from, etc. > finalize creating your List. 

Next you will need to have your MailChimp account generate a unique "API Key" number. This API Key is used to link your MailChimp account to your WordPress "MailChimp for WordPress" plugin which is collecting your newsletter sign-ups.


To find your MailChimp API Key:
Log into your MailChimp account > Your Account Page > Extras > API Keys > Create a key.

2. INSTALL THE PLUGIN

Next, you'll need to install the MailChimp for WordPress plugin onto your WordPress. Please be sure you're using this specific plugin. 


Installing the Mailchimp for WordPress plugin:
Log into your WordPress Dashboard > Plugins > Add New > Search for term "MailChimp for WordPress" > Install Now > Activate Plugin.

Once installed, navigate to the plugin's Settings page.
Here, you'll want to copy and paste your MailChimp account's API Key into the form and click "Save changes".

Want your newsletter sign-up form to look just like the Oleander demo?

If you would like your newsletter sign-up form to look just like Oleander's demo, you can navigate to WP Dashboard > MailChimp for WP > Forms.

In the big text box, replace the code you see within with the following code instead:

<div class="subscribe">
    <div class="subscribe-overlay">
        <div class="subscribe-inner">          
            <div class="subscribe-form">
                <input type="email" name="EMAIL" placeholder="Your email address" required />
                <input type="submit" value="Subscribe" />
            </div>           
        </div>
    </div>
</div>


Be sure to save changes when you're finished.


3. ADDING THE NEWSLETTER WIDGET TO YOUR SITE

SIDEBAR AREA: To add the newsletter form to your sidebar, you can navigate to Appearance > Widgets > Drag & drop the widget titled "MailChimp Sign-Up Form" from the selection on the left into the box titled "Sidebar" on the right.
Save when finished.

FOOTER WIDGET AREA: To add the newsletter form to your footer area, you can navigate to Appearance > Widgets > Drag & drop the widget titled "MailChimp Sign-Up Form" from the selection on the left into the box titled "Footer 1", "Footer 2", or "Footer 3" on the right.
Save when finished.