Adding a Newsletter Subscribe Option

To fos­ter a com­mu­ni­ty around your web­site means to have a pre­cise and wit­ty strat­e­gy. While social media cov­ers a half of this effort and it is more than wel­comed, e-mail is more reli­able in build­ing trust. By offer­ing an e-mail sub­scrip­tion, you raise the chances to keep an active dia­logue with rel­e­vant peo­ple. More­over, it’s anoth­er gate­way for your audi­ence to con­sume your con­tent and share it with wider net­works.

There are plen­ty of newslet­ter ser­vices out there. Jet­pack Sub­scrip­tions from Automat­tic is, by far, one of the basics and most con­ve­nient options, avail­able on as well. Nonethe­less, it’s not a clas­sic sub­scrip­tion form. They han­dle the sub­scrip­tions and reg­u­lar­ly send the new posts you just pub­lished on your web­site. It might be the right fit if you want to focus on cre­at­ing valu­able con­tent, not man­ag­ing sub­scrip­tions.

On the oth­er hand, if you want to stay hands-on in this area, then we high­ly rec­om­mend using MailChimp. Besides being a reli­able and user-friend­ly tool that pro­vides great flex­i­bil­i­ty, you can use it with­out costs with­in 2K e-mail address­es.

Now that you made your choice, here’s what you need to do next:

  • Install MailChimp for Word­Press plu­g­in
  • Log in into your Word­Press Dash­board and click on MailChimp Set­tings
  • Get the API Key by fol­low­ing these steps
  • Get the List-Id by fol­low­ing these steps
  • Select Dou­ble Opt-in to let peo­ple know they need to click on a con­fir­ma­tion e-mail link

You can fol­low this arti­cle from MailChimp where you can find all the changes you need to make in order to set-up and cre­ate a newslet­ter form. Once every­thing is done, just sim­ply go to MailChimp for WP → Form area and press the Get short­code but­ton. You need to paste this code wher­ev­er you want to dis­play the newslet­ter form (in a wid­get or inside of a page).

Make it yours

Newslet­ter sub­scrip­tions (as any oth­er form of inter­act­ing with your com­mu­ni­ty) needs to be aligned with your brand’s voice and per­son­al­i­ty. With MailChimp for Word­Press, you can eas­i­ly adjust every­thing with­in min­utes.

It has nev­er been eas­i­er to do that. Just log into your dash­board, click on MailChimp for WP, and then on Set­tings for Pop­up. Now you have three main areas of cus­tomiza­tion: Core Set­ting, Col­or Set­ting, and Text Set­ting. You can play with all of them to offer the best expe­ri­ence and to encour­age peo­ple to write down their e-mail address.


Which display options of the subscription are best?

It depends on your website’s pro­file. What’s impor­tant to keep in mind is the fact that nobody will sub­scribe from the first sec­onds of vis­it­ing. Let peo­ple read some of your con­tent and get a clue about what’s in it for them. For instance, a good idea would be to dis­play the pop­up on a sin­gle post only, after two min­utes.

Do I have a limit regarding how many emails I sent?

No, you don’t. How­ev­er, we sug­gest you keep a bal­ance and don’t spam your audi­ence. Let it know about things that mat­ter, such as new blog posts, an inter­view you gave, a big thing you accom­plished. Build trust one step at a time.

How can I make the newsletter field look like the one from your demo?

There’s a sim­ple way to give the field from the foot­er area the look that we have in our demo. You just need to use the fol­low­ing code when cre­at­ing the form:

<div class="input-group">
<input type="email" id="mc4wp_email" name="EMAIL" required placeholder="Your email address.." class="form-control"/>
<button class="submit"><i class="icon-envelope"></i></button>

This article applies to Felt, Gema, Heap, Hive, Julia, Patch, Rosa, and Silk as they share the same underlying structure.

Updated on December 2, 2017

Was this article helpful?