Mailchimp

Stop Using FeedBurner – Move to MailChimp

Posted on Posted in resource, wordpress

As a new blogger, I have tried to use Feedburner email subscription on my blog. But as I tried to Register FeedBurner saw that some features like FeedBurner APIs and Google AdSense are excluded. It made me I do a search online and found that Google shut down the APIs on October 20, 2012, AdSense for Feeds on December 3, 2012 and Google doesn’t offer support for FeedBurner anymore. I decided not to use FeedBurner. I have found MailChimp to be one very good for me email marketing service. With MailChimp installed to your wordPress website or blog you can collect names for your email list without using a plugin. It is free as long as you send less than 12000 emails per month or have up to 2000 subscribers. With MailChimp you can create a daily and weekly newsletter, set up auto-responders, and monitor the performance of your email campaigns with comprehensive analytics reports.

1. To use the MailChip to your WordPress site visit the MailChimp website and click on the ‘Signup Free’ button.

2. Write your email and create username and password for your account. Click on the button ‘Get Started’ and you will be redirected to your MailChimp dashboard.

get_started

3. The first thing you need to do is to create an email list. To do that click on ‘Create A List’ button’.

DashboardMailchimp

4. You will be asked to provide some information such as a name for the email list, email address where users can reply, reminder for users as they come on your list, the name of the company / organization, etc. When you fill out the list, click to Save button.

MailchimpList

Now you need to connect your email list to your WordPress website. You will do that by creating the subscription form. MailChimp has built-in basic forms.

Create MailChimp Signup Forms in WordPress

5. On the List page click the arrow next to Stats and select Signup forms.

MailChimp_signup_form
6. On the next page are displayed some form types. You need to select Embedded forms.

7. There are three types of embedded form – Classic, Slim and Naked. In this tutorial you will use Super Slim.

8. On the setting page you can choose what fields you want to include in subscription form and set form width. If you choose to show only the required fields, you will see only email input field and subscription button.

MailChimp-setup_form

9. When you are done copy the code from the box – ‘Copy/paste onto your site<'/em>.Login to your WordPress dashboard. From the menu click Appearance -> Widgets. Add a Text widget to your sidebar and paste the code inside it. Add the widget title like Newsletter or Blog Newsletter.

 

You are done. Visit your site and see subscription form. The form works but in many cases not blends in with your theme.

10. Go back to text widget and delete the code section at the beginning of the MailChimp form.


<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

Now your code in the text widget looks like this:


<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//unawebdesign.us15.list-manage.com/subscribe/post?u=0f8218605421b9487334be4ba&id=ddd68faac6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- 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_0f8218605421b9487334be4ba_ddd68faac6" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

11. Add this CSS to your child theme style.css file


#mc_embed_signup input.email {
	width:250px;
	height:50px;
	margin-bottom:10px;
}

or in the beginning of the widget


<!-- Begin MailChimp Signup Form -->
<style type="text/css">
#mc_embed_signup input.email {
	width:250px;
	height:50px;
	margin-bottom:10px;
}
<div id="mc_embed_signup">

That’s all. You have nice subscription form which blends in with your theme.

Rada Arshinkovska

I create modern, high quality, responsive search engine friendly websites, beautifully crafted for my client needs and wishes. I build websites for individuals, businesses and organizations that have never had one, but also, for those who need help with redesigning their websites. Recently I started showing interest in blogging as a good medium for sharing and learning.

Leave a Reply

Your email address will not be published. Required fields are marked *