How To Add Button That Pop Up Email Subscription Form On Blogger and WordPress Blog

Instead of adding an email subscription form that takes alot of space on your blog sidebar, you can simply add a click to action button that will pop up the email subscription form when anyone clicks on it.


Yes, it is possible with the help of MailMunch "popover" form type for email marketing.

Below is what the pop up button looks like on my blog's sidebar :

pop up button for email marketing

If you click on it, it will pop up the feedburner email subscription form as seen below :

So, How Do I Add The Pop Up Button To My Blog?

You will have to create a popover form type at before you can implement this on your blog.

So, if you haven't, check my tutorial on how to create a pop up email subscription form.

If you've created the pop up form, sign in to dashboard, click on your site, and while on the "Forms" page, click on "edit" next to the popover form type you want to use.

Click on the "Integrate" tab, then click on the "Publish form" tab

You will see your popover form code as highlighted in the screenshot below:

mailmunch pop up code

It should look something like #mailmunch-pop-XXXX.

You will make use of it in the sample code below :

<span style="font-weight:bold;">Want Us To Send Latest Updates To Your eMail Inbox?</span><br /><a class="myButton" href="#mailmunch-pop-XXXXXX">Click Here</a>

<style type="text/css">
.myButton {
-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
box-shadow:inset 0px 39px 0px -24px #e67a73;
border:1px solid #ffffff;
padding:12px 37px;
text-shadow:0px 1px 0px #b23e35;
.myButton:hover {
.myButton:active {


All you need to do is to edit the code above by replacing the XXXXX with the digits in your popover form code.

You can check out the video tutorial at :

When you're done, copy and paste the edited code above in "HTML/Javascript" gadget of a Blogger blog or "Text" widget of a Wordpress blog.

For Blogger, go to "Layout" > "Add a Gadget" and select "HTML/Javascript".

For WordPress, go to "Appearance" > "Widgets". Drag the "Text" widget to the sidebar and paste the code in it.

For Blogger users, you can also make it to display on mobile view of your blog. Read: How To Make Any Gadget Display On Blogger Mobile View.

Later on my YouTube channel, I will share a video tutorial on how to create a link like that pops up the email subscription form. So, ensure you subscribe to my channel here.

Let me know if this works for you.


  1. nice info, i love this stuff. Must implement as soon as possible now

  2. well explained sir will implent this

  3. Thanks for sharing. I have integrated it already into my blog

  4. Thanks ....its now on my site too...

  5. Wow, it looks beautiful on my blog thanks Mr Ogbonge

  6. I have integrated it on my blog Kamsoblog. But would it automatically send my posts to those that subscribe through it?

    Please I need reply

  7. Great job on this article Sir.

  8. nice one boss thanks


Post a Comment

We Love To Hear From You But Don't Spam Us With Links!

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post or you're trying to ask question about an old post, please drop it at our discussion platform here.