I read How to Add a Newsletter Signup Box After Your Posts by Brian Gardner and thought to myself “Self,” I said, “I really would love to be able to add a signup widget for my mailman newsletter.”
And so I did. The following code is plain HTML. Just drop it into a text widget wherever you want it to show up, and magically it will. If you’re using a Genesis theme, this is your replacement for Step 3.
<div id="newsletter">
<div class="white-border">
<div class="newsletter-wrap">
<h4>Newsletter</h4>
<p>Get my awesome newsletter!</p>
<form action="http://example.com/mailman/subscribe/newsletter_example.com" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<input type="email" value="" name="email" class="email" id="mce-EMAIL" placeholder="Email Address" required>
<input name="pw" type="password" class="password" id="mce-PASSWORD" placeholder="Enter Password" required>
<input name="pw-conf" type="password" class="password" id="mce-PASSWORD" placeholder="Confirm Password" required>
<input type="hidden" name="digest" value="No">
<input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button">
</form>
</div>
</div>
</div>
One important thing to note here, I wanted everyone to get the emails as they happened, no digest, so I set this: . If you want to make it an option, the down and dirty way is to use this:
Digest: <select name=digest> <option value=1>Yes</option> <option value=0>No</option> </select>
The rest is pretty much Brian’s CSS, tweaked a little since my size requirements were different. Don’t change the ‘name’ values, as it makes Mailman cry. And how does it look?
Looks nice, don’t it?
