Categories
How To

Mailman Newsletter Widget

Adding in a mailman signup widget is so easy, I wonder why I never did it before!

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?