{"id":104779,"date":"2012-12-05T09:00:09","date_gmt":"2012-12-05T14:00:09","guid":{"rendered":"http:\/\/wpmu.org\/?p=104779"},"modified":"2013-04-19T14:50:23","modified_gmt":"2013-04-19T18:50:23","slug":"aweber-wordpress-plugin","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/aweber-wordpress-plugin\/","title":{"rendered":"These Aweber WordPress Plugins will Give Your Opt-in Boxes Style"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104780\" title=\"email-big\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/email-big.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"548\" height=\"523\" \/><br \/>\nAweber is one of the most popular email marketing services out there. No matter how good their services, however, there\u2019s still the challenge of getting an opt-in form on your WordPress site in an easy and attractive way.<\/p>\n<p>Luckily, there are a number of plugins out there that will help you do that. In fact, I have to say that I was quite impressed by the number of nice plugins I found.<\/p>\n<p>They do everything from making it easy to pop a pre-made opt-in box into your sidebar to changing the opt-in box\u2019s style completely for a more polished and professional look.<\/p>\n<p>We have six below that will do those jobs for you, and then we have one bonus plugin.<br \/>\n<\/p>\n<h2><strong>1. Aweber Web Form Widget<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/aweber-web-form-widget\/\" target=\"_blank\">Aweber Web Form Widget<\/a> is the official plugin from Aweber. It\u2019s simple, but it lets you easily tap into your account and pre-created opt-in forms on the Aweber site.<\/p>\n<p>You\u2019ll first need to get an authorization code from your account with Aweber. This is easy to do. Simply follow the link in your plugin\u2019s settings, and log into your Aweber account. Your authorization code will be generated for you.<\/p>\n<p>You can allow users to subscribe to your Aweber mailing list when they sign up to your site or leave a comment. \u00a0Here\u2019s a look at the check box placed on you registration form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104783\" title=\"aweber-web-form-widget\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-web-form-widget.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"551\" height=\"563\" \/><\/p>\n<h2><strong>2. Aweber Integration<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/aweber-integration\/\" target=\"_blank\">Aweber Integration<\/a> plugin provides you with a widget that lets you easily insert your Aweber code into. (Actually, there are two widgets \u2013 one if you prefer to use the javascript provided by Aweber and one if you choose to use the HTML provided.)<\/p>\n<p>Here\u2019s a look at the widget area and then the resulting opt-in form. (You set the opt-in form up in your Aweber account.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104784\" title=\"aweber-integration-widget\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-integration-widget.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"553\" height=\"773\" \/><\/p>\n<p>This plugin also lets you integrate your Aweber email analytics if you choose to.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104785\" title=\"aweber-integration-email-analytics\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-integration-email-analytics.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"551\" height=\"353\" \/><\/p>\n\n<h2><strong>3. Aweber Footer Slideup<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/aweber-footer-slideup\/\" target=\"_blank\">Aweber Footer Slideup<\/a> plugin does just what you\u2019re probably thinking \u2013 it slides up an opt-in form from the bottom of your site.<\/p>\n<p>One nice aspect of this plugin is that it gives your form a horizontal layout. As hard as it is to believe, Aweber doesn\u2019t currently have pre-built horizontal forms.<\/p>\n<p>Here\u2019s a look at the form in action.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104786\" title=\"aweber-footer-slideup\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-footer-slideup.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"553\" height=\"403\" \/><\/p>\n<h2><strong>4. ViperBar<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/viperbar\/\" target=\"_blank\">ViperBar<\/a> plugin <a href=\"https:\/\/wpmudev.com\/blog\/how-to-make-a-header-for-your-wordpress-site-with-free-graphics-tools\/\" target=\"_blank\">creates a customizable header<\/a> bar on your site with a space for Aweber email intergration.<\/p>\n<p>Here\u2019s a look at it in action. I\u2019ve made this one red with one simple box for email addresses.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104787\" title=\"viperbar\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/viperbar.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"553\" height=\"403\" \/><\/p>\n<p>The plugin comes with a number of different configuration options, as well as stats and the ability to split test different bars. Here is a look at just a few of the many options in the settings section.<\/p>\n<p>Here\u2019s a look at the stats panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104788\" title=\"viperbar-stats\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/viperbar-stats.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"552\" height=\"266\" \/><\/p>\n<p>And here\u2019s a look at some of the design settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104789\" title=\"viperbar-design\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/viperbar-design.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"552\" height=\"440\" \/><\/p>\n<h2><strong>5. Magic Action Box<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/magic-action-box\/\" target=\"_blank\">Magic Action Box<\/a> plugin lets you create some very attractive opt-in options for your site. The plugin comes with a few pre-designed boxes, but you can also create your own by changing various style elements.<\/p>\n<p>Here\u2019s a quick box I set up with one of the pre-defined styles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104790\" title=\"magic-action-box\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/magic-action-box.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"551\" height=\"574\" \/><\/p>\n<p>Setting up a box is as easy as filling out a form. And that\u2019s literally what you do &#8212; fill in your headline in one space, a sub-head in another, and then your main copy, image, etc. on down the line.<\/p>\n<p>Here\u2019s a partial look at the settings page for that.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104791\" title=\"magic-action-box-form\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/magic-action-box-form.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"551\" height=\"443\" \/><\/p>\n<p>It also has a couple of basic layouts to choose from. Here\u2019s a look.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104792\" title=\"magic-action-box-layouts\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/magic-action-box-layouts.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"551\" height=\"398\" \/><\/p>\n<p>The section to set up your own styles (and then save them) is quite extensive. Here\u2019s a look at just some of the settings available.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104793\" title=\"magic-action-box-styles\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/magic-action-box-styles.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"550\" height=\"424\" \/><br \/>\nThere is also a pro version of this plugin that will let you position boxes automatically in different places around your site (such as on certain categories only).<\/p>\n<p>This plugin requires that you give authorization for it through your Aweber account, but that\u2019s easy to do. Just follow the link provided, log into your account, and you will be given an authorization code to use.<br \/>\n<\/p>\n<h2><strong>6. Optin Revolution<\/strong><\/h2>\n<p>The <a href=\"http:\/\/wordpress.org\/extend\/plugins\/optin-revolution\/\" rel=\"noopener\" target=\"_blank\">Optin Revolution<\/a> plugin is a popup plugin at heart, but it also integrates with Aweber.<\/p>\n<p>Here\u2019s a look at a popup created by the plugin\u2019s author with it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104794\" title=\"optin-revolution\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/optin-revolution.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"549\" height=\"428\" \/><\/p>\n<p>Don\u2019t like the look of that? Not to worry. This plugin comes with a load of styling options to make your popup look just the way you like.<\/p>\n<p>To really get an idea what this plugin is like, take a look at the video below provided by the plugin\u2019s author.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><span class=\"embed-youtube-lazy-id dev-hidden\">-SHDzo3bzx4<\/span><\/span><\/p>\n<p>And here\u2019s\u00a0 a look at some of the settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104795\" title=\"optin-revolution-settings\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/optin-revolution-settings.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"550\" height=\"978\" \/><\/p>\n<h2><strong>7. Aweber Subscribers Count<\/strong><\/h2>\n<p>And finally we\u2019ll end with the <a href=\"http:\/\/wordpress.org\/extend\/plugins\/aweber-subscribers-count\/\" target=\"_blank\">Aweber Subscribers Count<\/a> plugin. While all the other plugins were about getting visitors opted into your list, this one shows the number of people on your list.<\/p>\n<p>Once you hook into your Aweber account, you will be able to show your numbers with either a shortcode or a piece of code in your template. This, of course, can be good for social proof. If you have a fair amount of people signed up to your list, others will see that and think it must be worthwhile.<\/p>\n<p>One thing to note &#8212; the plugin returns only a number, and so you will need to dress it up with your own text or graphics in order to explain what the number means.<\/p>\n<p>As a quick (and pitiful) example, in the screenshot below, I had to preface the shortcode with the word \u201cSubscribers.\u201d The shortcode itself merely output the number 1.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104796\" title=\"aweber-subscribers-count\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-subscribers-count.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"548\" height=\"346\" \/><\/p>\n<p>There aren\u2019t a lot of settings to this. Here\u2019s a look at them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104797\" title=\"aweber-subscribers-settings\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/12\/aweber-subscribers-settings.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"548\" height=\"286\" \/><\/p>\n\n<p>Photo Credit: <a href=\"http:\/\/www.flickr.com\/photos\/ideagirlmedia\/5340515934\/\" target=\"_blank\">ideagirlmedia<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Both easy and powerful, these plugins make WordPress and Aweber a match made in heaven. <\/p>\n","protected":false},"author":84404,"featured_media":104781,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[3536],"tutorials_categories":[],"class_list":["post-104779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-aweber"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/104779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84404"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=104779"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/104779\/revisions"}],"predecessor-version":[{"id":216450,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/104779\/revisions\/216450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/104781"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=104779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=104779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=104779"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=104779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}