Add support for Mailchimp newsletter registrations

README.rst

@@ -81,7 +81,17 @@ Sidebar image
 - ``SEARCH_BOX``: set to true to enable site search box
 - ``SITESEARCH``: [default: 'http://google.com/search'] search engine to which
   search form should be pointed (optional)
-
+
+MailChimp
+--------------
+
+Add a [MailChimp](http://mailchimp.com/) registration form to the bottom of each article.
+
+- ``MAILCHIMP_FORM_ACTION``: URL to be called when the submit button is pressed, required.
+- ``MAILCHIMP_EMAIL_PLACEHOLDER``: placeholder for the email form field, default "[email protected]"
+- ``MAILCHIMP_SUBSCRIBE_BUTTON``: text shown on the subscribe button, default "Subscribe"
+- ``MAILCHIMP_CALL_TO_ACTION``: call-to-action to be shown above the form, default "Get more posts like this:"
+
 QR Code generation
 -------------
 
@@ -125,7 +135,7 @@ Authors
 - `Jake Vanderplas`_: Work on Twitter, Google plus, Facebook, and Disqus plugins.
 - `Nicholas Terwoord`_: Additional fixes for Twitter, Google plus, and site search
 - `Mortada Mehyar`_: Display advertising features for Google Analytics
-- ... and many others. `Check the contributors`_. 
+- ... and many others. `Check the contributors`_.
 
 
 .. _`Pelican`: http://getpelican.com

sass/_partials.scss

@@ -2,6 +2,7 @@
 @import "partials/navigation";
 @import "partials/blog";
 @import "partials/sharing";
+@import "partials/mailchimp";
 @import "partials/syntax";
 @import "partials/archive";
 @import "partials/sidebar";

sass/partials/_mailchimp.scss

@@ -0,0 +1,28 @@
+.mailchimp {
+  background: $img-border top left repeat-x;
+  margin-top: 0.3em;
+  padding: { top: 1em; left: 0; }
+  .email {
+    font-size: 1.0em;
+    padding: 0.2em
+  }
+  .button {
+    background-color: $link-color;
+    &:hover {background-color: $link-color-hover}
+    border: 0 none;
+    border-radius:4px;
+    color: #FFFFFF;
+    cursor: pointer;
+    display: inline-block;
+    font-size:15px;
+    font-weight: bold;
+    height: 32px;
+    line-height: 32px;
+    margin: 10px 5px 10px 0;
+    padding: 0 22px;
+    text-align: center;
+    text-decoration: none;
+    vertical-align: top;
+    white-space: nowrap;
+    width: auto;}
+}

templates/_includes/mailchimp.html

@@ -0,0 +1,14 @@
+{% if MAILCHIMP_FORM_ACTION %}
+<div class="mailchimp">
+  <form action="{{ MAILCHIMP_FORM_ACTION }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+    <label for="mce-EMAIL">{{ MAILCHIMP_CALL_TO_ACTION|default('Get more posts like this:') }}</label><br/>
+    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="{{ MAILCHIMP_EMAIL_PLACEHOLDER|default('[email protected]') }}" required>
+    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+    <div style="position: absolute; left: -5000px;"><input type="text" name="b_c71a562300563c7a54790cdad_0c29aac367" tabindex="-1" value=""></div>
+    <div class="clear">
+      <input type="submit" value="{{MAILCHIMP_SUBSCRIBE_BUTTON|default('Subscribe')}}" name="subscribe" id="mc-embedded-subscribe" class="button">
+    </div>
+    <div id="mc_embed_signup_scroll"></div>
+  </form>
+</div
+{% endif %}

templates/article.html

@@ -7,6 +7,7 @@
     <footer>
       {% include '_includes/article_infos.html' %}
       {% include '_includes/sharing.html' %}
+      {% include '_includes/mailchimp.html' %}
     </footer>
   </article>