LESSON 2: GROW YOUR LIST

(1)

FROM

LESSON 2: GROW YOUR LIST

(2)

WHAT YOU’RE GOING TO LEARN:

How to pull customizable opt-in form code for your site

Where to add the code for your opt-ins

How to style your opt-in forms

(3)

GET THE CODE

First, we have to pull an unstyled form from your

email list provider.

(4)

(5)

(6)

ADD CODE TO WP

You can add opt-in code anywhere on your site where

you can add HTML.

(7)

(8)

(9)

SO WHAT’S IN THE CODE?

(10)

<label for="mce-EMAIL">Email Address </label>

</div>

</div> </form> </div>

(11)

<label for="mce-EMAIL">Email Address </label>

(12)

(13)

<input type="email" value=""

placeholder=“Enter your email”

name="EMAIL" class="required email" id="mce-EMAIL"> </div>

</form> </div>

(14)

(15)

<div class="clear"><input type="submit"

value=“Sign me up!”

name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div>

</form> </div>

(16)

(17)

<p>Add an opt-in message here</p>

(18)

(19)

LET’S STYLE IT

(20)

<div

id="mc_embed_signup"

>

</form> </div>

(21)

(22)

(23)

<div

id="mc_embed_signup"

>

<p>Add an opt-in message here</p>

(24)

(25)

(26)

<div id=“mc_embed_signup_scroll"> <p> Add opt-in message here.</p>

<input type="email" value="" name="EMAIL" class="required email"

id="mce-EMAIL"

> </div>

(27)

(28)

(29)

<div id=“mc_embed_signup_scroll"> <p> Add opt-in message here.</p>

<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671eﬀf74abcf94437b0_6ﬀcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe"

id="mc-embedded-subscribe"

class="button"></div> </div>

</form> </div>

(30)

(31)

(32)

DON’T WANT TO MESS WITH CODE?

(33)

(34)

(35)

(36)

BLOG IT OUT

(37)

FROM

LESSON 2: GROW YOUR LIST