Newsletter

The newsletter widgets in the theme are set up with MailChimp. If you are using something other than MailChimp, you can contact me to customize it for you. Please keep in mind that not all sign up forms can be customized.

How to find the form action link?

  1. Go to your MailChimp account
  2. If you are already logged in, hover over "Hi, [name]" from the right side of the page > select Audience
  3. If you are just logging in, click on Audience from the left column > Signup forms > Embedded forms
  4. Click on Continue from the top right corner of the page > From the Embedded Form Code box, copy the form action link (the selected part is the link):

The selected text is the link you have to copy.


How to add the form action link?

  1. Go to your Blogger dashboard > Layout
  2. Open the "Newsletter" widget > replace FORM-ACTION-LINK with the link you've copied from MailChimp
  3. Repeat the same for all newsletter widgets on your blog (usually on the home page and the sidebar/footer)

How to change the title and tagline?

This applies to the big newsletter widgets you can add to the home widget areas or before/after footer widget areas.

  1. Go to Layout
  2. Open the "Newsletter" widget
  3. Replace "My Newsletter Title" with your own title
  4. Replace "My newsletter tagline." with your own text (or you can remove it, including <p> and </p>)

Newsletter code

Click on the name of the theme you bought to copy the MailChimp HTML. The HTML for some themes is slightly different; if the name of your theme is not listed, you can use the HTML from "All Themes".

All Themes
  • Sidebar + Footer Grid
  • Home + Footer
<div id="mc_embed_signup">
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
<div class="newsletter-wrapper"><div class="newsletter-wrap">
<div id="mc_header">
<h3 class="title">My Newsletter Title</h3>
<p>My newsletter tagline.</p>
</div>
<div id="mc_embed_signup">
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
</div></div>

Ava Theme
  • Sidebar + Footer Grid
  • Home + Footer

The Ava theme's demo displays only the newsletter in the sidebar, but you can add one to the home page or before/after footer widgets areas, too.

<div id="mc_embed_signup">
<h3 class="title"><span>Newsletter</span></h3>
<h6>My newsletter tagline.</h6>
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Join now!" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
<div class="newsletter-wrapper"><div class="newsletter-wrap">
<div id="mc_header">
<h3 class="title">Newsletter</h3>
<h6>My newsletter tagline.</h6>
</div>
<div id="mc_embed_signup">
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Join now!" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
</div></div>

Feijoa Theme
  • Footer Grid
  • Home + Footer

The Feijoa theme does not have a sidebar. You can add the newsletter widget to the footer grid, before/after footer widget areas or the home widget areas.

<div id="mc_embed_signup">
<h3 class="title"><span>Newsletter</span></h3>
<p style="text-align: center;">My newsletter tagline.</p>
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Your Name" value="" name="FNAME" class="" id="mce-FNAME" />
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
<div class="newsletter-wrapper"><div class="newsletter-wrap">
<div id="mc_header">
<h3 class="title">Newsletter</h3>
<p>My newsletter tagline.</p>
</div>
<div id="mc_embed_signup">
<form action="FORM-ACTION-LINK" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div id="mc_form">
<input type="email" placeholder="Your Name" value="" name="FNAME" class="" id="mce-FNAME" />
<input type="email" placeholder="Email address" value="" name="EMAIL" class="required email" id="mce-EMAIL" />
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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> <!-- 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_8c7c6e37cc863961f5aa8d46c_6a02d8ac1f" tabindex="-1" value="" /></div>
</div>
</form>
</div>
</div></div>