Did you know that you can display the subscribers count on your newsletter if you use MailPoet? That’s one of the main perks if you build your newsletter on your WordPress website using a newsletter plugin instead of a third-party service like ConverKit.
Displaying subscribers count is a simple tip you can apply in an attempt of increasing newsletter subscribers. MailPoet has a built-in feature to make it easy for you to display subscribers count.
The best part, you can display it anywere on your website regardless of the editor you use. Be it Gutenberg or a page builder. You can even style up the number to make it blends with your website design.
Some Reasons to Display Newsletter Subscribers Count
Before we jump to the technical section, let’s discuss some benefits of displaying newsletter subscribers count on your website.
Have you ever been in a situation where you wanted to follow someone on a social media platform, but had some hesitate due to low followers he/she had? That’s normal. Psychologically, people tend to easily follow an account on social media if the associated account already has a high number of followers.
In contrast, people usually take more consideration to follow an account with a low number of followers since he/she has no social proof yet.
The above illustration also applies to newsletter. If your newsletter already has many subscribers, people will convincedly subscribe without hesitation since he/she already see the proof that your newsletter is trusted by others (indicated by the higher subscribers you already have).
Displaying Subscribers Count in MailPoet
In MailPoet, subscribers are required to confirm their email address before they can receive newsletter and other campaign types. MailPoet will only show the number of verified subscribers on their system. The number is automatically updated based on the number of verified subscribers you have.
If your subscribers count increase, the number will be higher. Similarly, if your subscribers count decrease, the number will be lower.
MailPoet itself provides a shortcode to display the subscribers count. To get the shortcode, you can go to MailPoet -> Settings on your WordPress dashboard. On the Basics tab, scroll down to the Shortcode to display total number of subscribers section and click the Copy to clipboard button.
Where to Place the Shortcode?
You can place the shortcode you have just copied above anywhere on your website. Be it the homepage, footer, or even a dedicated landing page. The method to add the shortcode itself can be vary depending on the editor you use.
I will show you how to add the shortcode on three main editors:
Gutenberg (Block Editor)
Gutenberg has a dedicated block called Shortcode which is aimed specifically at adding shortcodes to a page. Thus, you can simply add a Shortcode block and paste the shortcode to the block.
Or if you want to display the subscribers count in an inline style to make blend with your copy, you can simply paste the shortcode anywere in a Paragraph block. Here is an example.
In Gutenberg, you need to preview the page to view the number of the subscribers.
Elementor
Same as Gutenberg, Elementor also has a dedicated element to add a shortcode. The element is called Shortcode. But unlike Gutenberg, Elementor will display the number of subscribers as you paste the shortcode. No need to preview the page first.
In addition to the Shortcode widget, you can also use the Text Editor widget to add a shortcode in Elementor. You can simply add the shortcode anywhere in on the Text Editor widget. Here is the example:
Divi
MailPoet also supports integration with Divi. One of the integration forms you can apply is by displaying the subscribers count. Unlike Elementor and Gutenberg, Divi has no dedicated Shortcode element (called module), but you can add a shortcode using either the Code module or Text module.
You can simply add a Code module or Text module and paste your MailPoet shortcode anywhere on your module. Here is an example.
If you don’t see the number of subscribers after adding the shortcode, try to preview the page by clicking the Exit Visual Editor link on the top bar.
Styling Up the Text
By default, the style of the subscribers count text follows the global text style of your website. If you want to make it a bit standout, you can apply a custom style using CSS.
For this case, the easiest way to apply the custom CSS is using the inline technique by utilizing the <span></span> tag.
To get started, switch to the Text mode if you use Elementor or Divi.
If you use Gutenberg, you can click the three-dot icon on the settings bar and select Edit as HTML.
Place the MailPoet shortcode between the opening tag and closing tag of the <span></span>. Inside the opening tag, add the style attribute, complete with the equal sign and double quotes sign. Here is the example:
You can then the CSS code inside the double quotes sign. Here is an example:
You can add any text-related properties to your CSS code. As well as other properties to further style up the text.
Here I provide three CSS snippets to highlight a text in case you are interested.
text-decoration: none;
box-shadow: inset 0 -.5em 0 #f9c695;
color: inherit;padding: 0 5px;
background-color: #f9f220;position: relative;
color: #ffffff;
background-color: #55d2fc;
font-size: inherit;
padding: .2em .4em;
border-radius: 6px;
margin: 0 6px;Summary
MailPoet is one of the best options if you are looking for a newsletter plugin for WordPress. The main benefits of using a newsletter plugin on a WordPress website is that you can blend all elements of the plugin with the entire design concept of your website. From the typography to color. MailPoet itself has a built-in feature to display the subscribers count of your newsletter, which is great to utilize as a social proof to trigger visitors to subscribe.
Regardless of the editor you use on your WordPress website, you can easily display the subscribers count via a shortcode that MailPoet provides. You can then further style up the text via custom CSS.
