*** Be sure to watch video 09 as both these sets of codes are detailed there as to how they need to be added to your web sites ***
Use this in an HTML page <<<<<
/* Put this in the head section */
<style type=”text/css”>
input[type=”text”] {
width:180px;
height:40px;
border-radius:20px;
border: solid 1px #fff;
background-color: #fae7e7;
box-shadow: inset 0 0 5px 3px #cac8c8;
-moz-box-shadow: inset 0 0 5px 3px #cac8c8;
-webkit-box-shadow: inset 0 0 5px 3px #cac8c8;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #999;
padding-left: 1.525em;
}
input[type=”submit”], input[type=”button”] {
width:150px;
height:50px;
border-radius:4px;
border: solid 0px #ccc;
background-color: white;
background-image: url(images/ClickHereNow-sm.png);
background-repeat: no-repeat;
background-position: right;
margin-top: .5em;
cursor: pointer;
}
</style>
>>>>>>>>>>>Put this in the body section where you want the capture form to show<<<<<<<<<<<<
<form action=”https://app.getresponse.com/add_contact_webform.html” method=”post” accept-charset=”UTF-8″>
<input name=”name” type=”text” placeholder=”Enter Your First Name” size=”20″/><input name=”email” type=”text” placeholder=”Enter Your Best Email” size=”20″/><input type=”submit” value=”” />
<input type=”hidden” name=”webform_id” value=”xxxxxxx” />
</form>
****************************************************************************************************
Use This on a WordPress site <<<
Put this at the bottom of the style.css of the active theme
/*———GR-Horizontal Style With Name Field
—————————————————————*/
input[type=”submit”], input[type=”button”] {
width:150px;
height:50px;
border-radius:4px;
border: solid 0px #ccc;
background-color: white;
background-image: url(http://yourdomain.com/images/ClickHereNow-sm.png);
background-repeat: no-repeat;
background-position: right;
margin-top: 2.5em;
cursor: pointer;
}
And then put this on the post / page where you want the horizontal web form to go
<form action=”https://app.getresponse.com/add_contact_webform.html” method=”post” accept-charset=”UTF-8″>
<input name=”name” type=”text” placeholder=”Enter Your First Name” size=”20″/><input name=”email” type=”text” placeholder=”Enter Your Best Email” size=”20″/><input type=”submit” value=”” />
<input type=”hidden” name=”webform_id” value=”xxxxxxx” />
</form>