Newsletter - Mailchimp and Follow by Email

This theme is compatible with:
  • Follow By Email Blogger gadget
  • Mailchimp newsletter.

Choosing which form will be displayed

On the demo blog, the Mailchimp form is being displayed and the Follow By Email is hidden. You can choose what gadget display by select the option Visible at the top of each widget. Check to display it. Uncheck to hide it.

Example: if you don't have a Mailchimp newsletter and want to display the Follow by Email native gadget, follow these steps:
  1. Open the Newsletter gadget (is the Mailchimp one).
  2.  On the Visible option, uncheck the Show HTML/JavaScript box.
  3. Save.
  4. Open the Follow by Email gadget.
  5. On the Visible option, check the Show Follow by Email box.
  6. Save.


The Mailchimp Form Code

The Mailchimp form is customized, so you should keep the same code but replacing the part that identifies your personal account. This is the Mailchimp form code:
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://gabrielamelo.us18.list-manage.com/subscribe/post?u=1de85028e44ea0ecb5d876ecc&amp;id=1dafdebfab" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="text" value="" placeholder="Name" name="FNAME" class="" id="mce-FNAME" />
</div>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" placeholder="Email" class="required email" id="mce-EMAIL" />
</div>
<div class="mc-field-group">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</div>
 </div>
<!-- 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;" aria-hidden="true"><input type="text" name="b_649ee49ee4d58fa2fa58c3803_91f6e2295f" tabindex="-1" value="" /></div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>  
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
  1. Locate <form action=" on the code you get on your Mailchimp account.
  2. Copy the link similar to the purple highlight.
  3. Replace it on the code above.
  4. Save your gadget.



Changing the newsletter background image

The image used on this gadget is free for commercial and personal use. It means that you can keep it if you like it. To change the image, follow these steps:
  1. Open the Background Image gadget.
  2. Replace the image with your own. Size recommendation:1900px wide or bigger.
  3. Save.

Contact Form