FROM
LESSON 2: GROW YOUR LIST
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
GET THE CODE
First, we have to pull an unstyled form from your
email list provider.
ADD CODE TO WP
You can add opt-in code anywhere on your site where
you can add HTML.
SO WHAT’S IN THE CODE?
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div class="mc-field-group">
<input type="email" value=""
placeholder=“Enter your email”
name="EMAIL" class="required email" id="mce-EMAIL"> </div><div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div>
</form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></ div>
<div class="clear"><input type="submit"
value=“Sign me up!”
name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div></form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id=“mc_embed_signup_scroll">
<p>Add an opt-in message here</p>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </form> </div>
LET’S STYLE IT
<div
id="mc_embed_signup"
><form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div>
</form> </div>
<div
id="mc_embed_signup"
><form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id=“mc_embed_signup_scroll">
<p>Add an opt-in message here</p>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id=“mc_embed_signup_scroll"> <p> Add opt-in message here.</p>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email"
id="mce-EMAIL"
> </div><div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </form> </div>
<div id="mc_embed_signup">
<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&id=6ffcca505f" method="post" id="mc-embedded-subscribe-form" name="mc-id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id=“mc_embed_signup_scroll"> <p> Add opt-in message here.</p>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_22030671efff74abcf94437b0_6ffcca505f" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe"
id="mc-embedded-subscribe"
class="button"></div> </div></form> </div>
DON’T WANT TO MESS WITH CODE?
BLOG IT OUT
FROM