Newsletter embed code

Adding a newsletter signup to a page or sidebar block of Watershed Now is really easy. All major newsletter tools (MailChimp, Constant Contact, Vertical Response, etc.) provide tools that will help generate "embed code" that you can place into your site.

Unfortunately, adding a tightly-themed newsletter signup button to one of Watershed Now's custom themes is a little more tricky - but not much. Since the placement of the signup form in the header or footer of a theme needs to be styled consistently with the rest of the site, we run the embed code saved on the site configuration screen through a filter that strips out all the miscellaneous "stuff" that your newsletter provider wants to add (often, for its own branding purposes).

Below you will find some sample embed code to play with:

MailChimp

• Read: http://www.mailchimp.com/kb/article/how-to-add-a-mailchimp-signup-form-to-your-webnode-website/
• Test code below:

<!-- Begin MailChimp Signup Form -->
<script type="text/javascript">
// delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
// or fill this in and it will be inlined when errors are generated
var mc_custom_error_style = '';
</script>
<div id="mc_embed_signup">
<form action="http://watershednow.us2.list-manage1.com/subscribe/post?u=1dc00489a58c622b1434c6efc&amp;id=f6c738b3a5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
	<fieldset>
	
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
		<div id="mce-responses">
			<div class="response" id="mce-error-response" style="display:none"></div>
			<div class="response" id="mce-success-response" style="display:none"></div>
		</div>
		<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
	</fieldset>	
	<a href="#" id="mc_embed_close" class="mc_embed_close">Close</a>
</form>
</div>

<!--End mc_embed_signup-->

##Vertical Response

<form method="post" action="http://oi.vresp.com?fid=c0926a72d5" target="vr_optin_popup" onsubmit="window.open( 'http://www.verticalresponse.com', 'vr_optin_popup', 'scrollbars=yes,width=600,height=450' ); return true;" >
  <div style="font-family: verdana; font-size: 11px; width: 160px; padding: 10px; border: 1px solid #000000; background: #dddddd;">
    <strong><span style="color: #333333;"></span></strong>
    <input name="email_address" size="15" style="margin-top: 5px; margin-bottom: 5px; border: 1px solid #999; padding: 3px;"/>
    <br/>
    <input type="submit" value="Join Now" style="margin-top: 5px; border: 1px solid #999; padding: 3px;"/>
  </div>
</form>

#Constant Contact

<form action="http://visitor.constantcontact.com/d.jsp" method="post" name="ccoptin" target="_blank"> 
             <input class="emailentry" name="ea" onfocus="this.value=''" onblur="this.value='Signup for email'" size="15" value="Signup for email" type="text"> 
             <input name="m" value="1103841384103" type="hidden"> 
             <input name="p" value="oi" type="hidden"><input class="email" name="go" value="Go &gt;" type="submit"></form>