How to Integrate MailMunch with Blogger Blog

Mailmunch is the most affordable email marketing tool for
affiliate marketers, especially for those who are bloggers, or “affiliate bloggers”
as it is commonly phrased.

Mailmunch can be easily installed on WordPress using a
plugin, but for the Blogger blog platform it requires a bit of HTML editing in
order to create an integration, but don’t let that pull you off, it is simple to do, and I am going to show you how.


#1 What this integration requires:

 Before we continue at
this point, I am assuming that :

*You already own your Blogger blog
*You have opened a Mailmunch
account, which is free.
*At the second stage of the registration process, you entered your blog’s URL, in the website tab,
see the image below:

  *Also at the “Choose Platform” stage (which is
the third stage), you clicked the option of “other”, which shows
that your site is hosted by another service, as seen in the image below:

*After these stages and the
remaining  stages, it is assumed that
your account is fully set up with no activity yet.

Great! Now we can commence with the integration process,
however, before moving further it is important to know the purpose behind
integrating Mailmunch with the Blogger platform.


#2 Purpose of Mailmunch Integration with Blogger
(Pop-over Form)

Since Blogger already comes with its own embedded email form
from Feedburner, it would not be reasonable trying to create another embedded
form with Mailmunch.


The reality is that both applications are integrated for performing different functions that can be highly effective for your site’s growth.

Mailmunch has so many features, but the only purpose for integrating it with your Blogger blog is because of its email Pop-up
or Pop-over feature, which Feedburner lacks.


The embedded form by Feedburner is simply responsible for
keeping subscribers (if you have any at this point) updated with new blog posts and


But with the Mailmunch email pop-over feature, you can
easily perform the following functions:

* Give your blog visitors an urgent need to
subscribe to your blog.


Convert blog readers and subscribers to
customers, with a more proactive autoresponder feature.


In summary, your already embedded Feedburner form can serve
the purpose of keeping your subscribers updated with new blog articles and content, while
the Mailmunch pop-over newsletter can serve the purpose of retaining
subscribers and converting them when you release promotional content.


#3 Step by Step Process of Creating a Mailmunch Pop-over


Now that we have established a purpose for integrating the
Mailmunch app with our Blogger blog- that is, using the email pop-over feature,
let me walk you through the important steps of creating one:

i) Select Form Type & Select Form Template:
The first step is to select the pop-over feature and your preferred pop-over
template. Mailmunch offers three templates for free for this feature, see the
image below:



ii) Enter Form Title and Choose List
for Subscriber
: Enter a preferred title for your form and create a list in
which to add your subscribers.




 Edit the Design Pattern For Pop-over Template:
The Mailmunch pop-over template is divided into the “form” and “success” column,
so y
ou can edit the body for both columns, and add images, contents, and blocks for them. The success section is
simply the “Thank you for Subscribing” part.



Design interface for the “Form” column.

Design interface for the “Success” column

iv)  Choose an Appearance: This step offers
you the option of 
changing the color of the background overlay for the pop-over. You can choose a grey color to keep the
pop-over from totally overshadowing your blog background. 
You can also alter the size of the pop-over, and make the opening of
the pop-over animated if you choose to, and you can also add a close button, like the
image here:




You can see some
premium features highlighted in the image above. If you don’t have a budget to
upgrade your account from free to premium, you can leave that for now.

v) Change the Behavior:  Toggle on “show on page load”
and “show on exit”, while the option of “don’t show on the first visit” stays off.
You can also set the loading timer, which is how long the pop-up can wait
before it displays, I recommend setting it to three (3) seconds.


The frequency can be set for seven days or more, that is how
long it would show the pop-over to the same visitor to your site. Here, I would
recommend you set the frequency to 365 days because a visitor can keep coming
to your site, but it may take a while before he or she gets to convert to an actual
subscriber. A visitor can remain a visitor for six months or more without subscribing,
so the best option is to keep the frequency long enough.

The “after user
subscribes”  section is significant in letting
the Mailmunch app know where you wish to send your visitors after they
subscribe, you can choose to just add them to your already created audience list,
or you can choose to redirect them to another webpage, as shown in the image






In the “display rules” section,  it is best to toggle on all the available options,
so your pop-over can be displayed in any device, as seen in the image below:



The “tracking pixel” is a premium feature that plays a
vital role in keeping track of impressions and visitors.  if you ever feel the need to upgrade, you can
set up the feature to gather analytics using a Facebook pixel preferably. If
you do not have a Facebook pixel yet as an affiliate marketer or affiliate
blogger, you can see how to set up one here.




“Spam protection” is the final section of the behavior stage. It is automatically active for security reasons. The Google reCAPTCHA  option is also available to add an extra layer
of security, see image below:


VI )  Integration with other Email Marketing Services: If you already operate an existing account with any of these
email marketing providers, you can integrate them with your Mailmunch pop-over form, the available services are displayed below:







vii) Publish Your Pop-over:
Toggle on the publish bar to complete the process. You would be given a URL link attribute, to
add as a link tag, to trigger your pop-over through linkable text or image,
to do this, refer here

Click the “Finish” button to make your pop-over




Active Pop-over form.


#4 Installing the Mailmunch Code on Blogger


With the pop-over completed and active, it is time for the integration
proper, please ensure you are using a desktop for this part:


For the first step, click “Manage Sites” on your Mailmunch account,
and then select “Get Site Code”




A window with your site code would be generated, copy the
code in order to paste it into your Blogger HTML.





Open another tab on your browser and go to your Blogger
dashboard and click on “theme”.




Blogger platform, the latest interface.


Afterward, click on “Edit HTML”.





You would be shown a detailed number of codes that structure
your Blogger blog. On your keyboard press “CTRL” + “F” to bring out a search




In the search bar, search for the </head> tag, and paste
the code you copied above the tag, like this:



After pasting the code above the </head> ensure you
click save





After saving, go back to the Mailmunch tab and click verify to ensure that the code was inserted correctly.



After Mailmunch verifies your code, your integration is
completed, and your pop-over would start displaying to visitors on your site.

To make your own verification, switch your browser to
“incognito” and type in your blog address to visit your site.

If the pop-over is not displaying after your set timer, then
go back to ensure that you pasted the code correctly, or that your pop-over form on
your Mailmunch account is “active”.