• No results found

LESSON 2: GROW YOUR LIST

N/A
N/A
Protected

Academic year: 2021

Share "LESSON 2: GROW YOUR LIST"

Copied!
37
0
0

Loading.... (view fulltext now)

Full text

(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)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(11)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(12)
(13)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(14)
(15)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(16)
(17)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(18)
(19)

LET’S STYLE IT

(20)

<div

id="mc_embed_signup"

>

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(21)
(22)
(23)

<div

id="mc_embed_signup"

>

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(24)
(25)
(26)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(27)
(28)
(29)

<div id="mc_embed_signup">

<form action="//elembee.us5.list-manage.com/subscribe/post?u=22030671efff74abcf94437b0&amp;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>

(30)
(31)
(32)

DON’T WANT TO MESS WITH CODE?

(33)
(34)
(35)
(36)

BLOG IT OUT

(37)

FROM

GetYourWebsiteTogether.com

References

Related documents

Además de servir como una herramienta para recordar la historia de los desplazamientos forzados, Wcat también sirve como plataforma para que los excombatientes del Umkhonto we

You can either start at the beginning and try to find uses for each fill (which would take a long time), or you can use it as a reference to your playing. This is the way I

The data obtained from the observation and interview had shown that there are eleven functions of code switching discovered by the researcher during the teaching

For example, if an agreement between the new commercial enterprise and the immigrant investor states that the investor can receive some portion of the capital investment

This validated and supported architecture consists of Dell Networking S-series ingress and egress layers and Dell SonicWALL SuperMassive 9000 series security layer platforms..

[r]

 Have obtained training in anaesthesia core service area, have been recognized by the health authority, have been granted privileges to practice in that same specialty area in a

( Common to Electrical &amp; Electronic Engineering, Electronics &amp; Communication Engineering, Electronics &amp; Instrumentation Engineering,.. Electronics &amp; Control