Text4baby Web Button
Our new enrollment button is a great way to show your partnership with text4baby and connect more women to critical health information. The enrollment button directs your website visitors who click on it to a simple registration form in a new window where they can sign up for the service. We will be able to track the number of enrollments that come from the button on your site, so you can know how many of your website visitors actually sign up for text4baby as a result of your button. You will have complete creative control over the placement and the content surrounding the button on your website.
IMPORTANT: There are five versions of the button available. The images below are just examples so you can see what the buttons look like; you do not need to save these images; the code associated with each button will supply the appropriate image automatically once you place it on your website. When customizing the button: please copy the HTML code from buttons below, and then add an identifier to the end of the URL after the = sign, example =Program Name. So the url should look like: "https://partners.text4baby.org/index.php/sign-up?url=ProgramName"
Please click on the links below to access the instructions and code. If, after reading the instructions, you have questions, please email This email address is being protected from spambots. You need JavaScript enabled to view it. with your detailed query.
Option 3: English; Size 728x90
Click here for instructions to use this button on your website
Option 4: Spanish; Size 728x90
Click here for instructions to use this button on your website
Option 1: English; Size 300x250
To implement the above option, copy & paste the code below
<script language="javascript">var url =
"https://partners.text4baby.org/index.php/sign-up?url="
+ document.location.href;document.write
('<a target="_blank" href="'+ url +'">');</script>
<img src=
"https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_300x250-new.png"
alt="text4baby"title="text4baby" border="0" height="250px" width="300px" /></a>
or click on the button below to download the zip file for all the options
Option 2: Spanish; Size 300x250
To implement the above option, copy & paste the code below
<script language="javascript">var url =
"https://partners.text4baby.org/index.php/spanish-sign-up?url="
+ document.location.href;document.write
('<a target="_blank" href="'+ url +'">');</script>
<img src=
"https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_spn_300x250-new.png"
alt="text4baby"title="text4baby" border="0" height="250px" width="300px" /></a>
or click on the button below to download the zip file for all the options
Option 3: English; Size 728x90
To implement the above option, copy & paste the code below
<script language="javascript">var url =
"https://partners.text4baby.org/index.php/sign-up?url="
+ document.location.href;document.write
('<a target="_blank" href="'+ url +'">');</script>
<img src=
"https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_728x90-new.png"
alt="text4baby"title="text4baby" border="0" height="90px" width="728px" /></a>
or click on the button below to download the zip file for all the options
Option 4: Spanish; Size 728x90
To implement the above option, copy & paste the code below
<script language="javascript">var url =
"https://partners.text4baby.org/index.php/spanish-sign-up?url="
+ document.location.href;document.write
('<a target="_blank" href="'+ url +'">');</script>
<img src=
"https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_spn_728x90-new.png"
alt="text4baby"title="text4baby" border="0" height="90px" width="728px" /></a>
or click on the button below to download the zip file for all the options
Option 5: English Sliding banner; Size 300x250
Instructions:
- This widget type of static button option will reside on the "Extreme Right Bottom" of the webpage and will be sliding when you scroll the page vertically.
- There is an option for user to close this widget whenever he wants to.
To implement the above option, copy & paste the code below
<style type="text/css">#floatdiv {position:absolute;width:305px;height:250px;top:10px;right:10px;
padding:0px; border:0px solid #2266AA; z-index:100;}.dclose{position:relative; left:275px; top:-268px;
background:url(https://partners.text4baby.org/templates/beez_20/slidingdiv/images/close.png) no-repeat;
width:39px; height:39px; cursor:pointer}#floatdiv a{text-decoration:none;}</style>
<script type="text/javascript"
src="https://partners.text4baby.org/templates/beez_20/slidingdiv/js/floating-1.7.js"></script>
<div id="floatdiv"><script language="javascript">
var url = "https://partners.text4baby.org/index.php/sign-up?url=" +
document.location.href;document.write('<a target="_blank" href="'+ url +'">');</script>
<img src="https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_300x250-new.png" alt="text4baby"
title="text4baby" width="300" height="250" border="0"/></a><a href="javascript:Close();"
title="Close" alt="Close"><div class="dclose" title="Close" alt="Close"> </div></a></div>
<script type="text/javascript">floatingMenu.add('floatdiv',{targetRight: 10,targetBottom: 20,snap: true});
function Close(){document.getElementById("floatdiv").style.display="none";}</script>
or click on the button below to download the zip file for all the options
Option 6: English; Size 326x209
To implement the above option, copy & paste the code below
<script language="javascript">var url =
"https://partners.text4baby.org/index.php/sign-up?url="
+ document.location.href;document.write
('<a target="_blank" href="'+ url +'">');</script>
<img src=
"https://partners.text4baby.org/templates/beez_20/images/HMHB/T4B_banner_326x209-new.png"
alt="text4baby"title="text4baby" border="0" height="209px" width="326px" /></a>
or click on the button below to download the zip file for all the options
