Elizabeth - Setting Up the Newsletter Opt-In

Elizabeth has settings in the Customizer for setting up a newsletter opt-in.

In order for the newsletter banner to show up, the "Opt-In Code" box must be filled out. Otherwise the grey bar won't appear.

For the opt-in code, we recommend using an unstyled form from your provider. The simpler, the better. You ideally want one that looks as simple as this:

<form>
    <input type="text" placeholder="name">
    <input type="email" placeholder="email">
    <input type="submit" value="Go »">
</form>

Odds are, yours will have a lot more stuff in it, but you want to get it as close to that as possible. No <style> tags and so on.

MailChimp Instructions

Choose the "Naked" form option. These settings are recommended:

Settings for the Naked form

Copy the code from the "Copy/paste onto your site" box. However, you may want to make a few changes.

Find this line:

<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">

Edit it so it now says this instead:

<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your email address">

Notice how I added a new parameter at the end for placeholder="Your email address"

Next, find this line:

<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

Change it to this:

<div class="clear"><input type="submit" value="Go &raquo;" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

I simply replaced Subscribe with Go »