Simple Aweber Integration to WordPress | Horizontal Aweber Forms at end of posts

Simple Aweber Integration is now on GitHub and WordPress!

I am currently using Aweber for my email list building. One thing that I was really missing was a simple Aweber integration to WordPress. There are several plugins for sidebar widgets, but only for the sidebar.
I wanted a simple Aweber integration to add horizontal Aweber forms at end of WordPress posts. I could just go ahead and include this into my template file, but dealing with several client sites, I wanted something simpler and something I can share easily. I went ahead and created my own plugin: Simple Aweber Integration!

Simple Aweber Integration – Key Features

  • Automatically attach Aweber forms to WordPress pages or posts and choose whether at the beginning or end.
  • Choose a custom styling of your Aweber form: Original vertical Aweber form or a horizontal Aweber form.
  • Blend out certain Aweber form parts like header or footer.
  • Shortcode support for simple Aweber form integration into individual posts or pages.
  • Priority option to easily determine Aweber form display order.

Simple Aweber Integration – Result Showcase

Instead of just having the form available I created with Aweber:

 

I now have a very nice horizontal form that I can insert anywhere. It looks like this:

Both these forms were inserted with my plugin Simple Aweber Integration using short codes. Other styles are:

Not only that, but I can automatically add it to all WordPress post or pages choosing whether at the beginning or end. I am using Simple Aweber Integration to automatically add a horizontal Aweber form to the end of all posts on schurpf.com.

Simple Aweber Integration – Settings

Here is a screenshot from the Simple Aweber Integration’s settings page:

simple aweber integration settings1 Simple Aweber Integration to WordPress | Horizontal Aweber Forms at end of posts

Simple Aweber Integration – Get it for free

You can get the Simple Aweber Integration WordPress plugin for Free. You can download it over on GitHub, on WordPress or simply sign up for my newsletter and get a ready to install zip version.

Simple Aweber Integration – Help

See the documentation and an installation guide on the Simple Aweber Integration Help page.

21 Responses to “Simple Aweber Integration to WordPress | Horizontal Aweber Forms at end of posts”

  1. Mikkel October 25, 2012 at 11:21 pm # Reply

    Looks and sounds great.

    I can’t believe that it has not been presented sooner as a solution for non-techies like me much earlier.

    Will your solution work with Infusionsoft also?

    And is it a plugin or is it code that needs to be installed?

    Thanks for replying

    Sincerely
    Mikkel

    • Schurpf October 25, 2012 at 11:38 pm # Reply

      Hi Mikkel,

      Simple Aweber Integration is a WordPress plugin that you can download and upload to your WordPress install.
      The only difference to other plugins is that you have to upload it yourself because the plugin is not
      hosted by WordPress. I am considering changing this in the future.

      To install:
      Plugins -> Add New -> Upload
      then pick location where you downloaded it
      voila
      configure to your likings

      I have never heard of Infusionsoft. But I dont see any reason why those two would collide.

      If you run into problems, let me know.

  2. jesse October 31, 2012 at 11:31 am # Reply

    Hi, It is not going to work with infusionsoft, because infusionsoft is a shopping cart +autoresponder and is a competitor (to an extent, it is more of a complete marketing platform)

    infusionsoft forms are different from aweber forms -so I do not believe it will be possible to use them with this plugin.

    Anyway, thanks for the great plugin! I think I will start using it today!

  3. Mark December 6, 2012 at 2:19 am # Reply

    Great plugin. Unfortunately, it does something that many plugins have been doing to my site.. and was wondering if you had any insight?

    I use Pagelines framework and this is probably the 10th plugin that breaks my wordpress css in IE8. If I deactivate, the site is back to normal. If I activate, it’s broken. It’s fine in Chrome and Firefox though.

    Any idea why this might happen? Most plugins are okay but several, like this one, just won’t work in IE8.

    Fantastic plugin though.. My problem is no doubt due to IE but just wasn’t sure what the cause could be.

    Thanks!

    • Schurpf December 6, 2012 at 2:46 am # Reply

      Hi Mark,

      thanks. Strange that it breaks IE8. Does the same thing happen if you just include the JS of Aweber in your WordPress template?
      Send me your website url via my contact form and I will take a quick look at it.
      Thanks for using my plugin either way and I very much appreciate your comment.

  4. Enrrico April 12, 2013 at 3:35 pm # Reply

    The plugin is Awesome. but it not showing on my MAC. I have checked in other computers there its showing properly.

    Please let me know what is Issue why its not working on my mac.

    Thanks,
    Enrrico.

    • Schurpf October 1, 2013 at 3:31 am # Reply

      Hi Enrrico,

      sorry for the late reply, your questions slipped my attention. I do not quite understand your problem. The plugin doesn’t have anything to do with operating system. Make sure the plugin is activated and that you leave the default settings. If it does not work. pls contact me over the contact form. Thanks for your feedback!

  5. Graham Clark October 1, 2013 at 1:08 am # Reply

    Hello,

    Thanks for putting this up. Unfortunately this doesn’t look anything like the screenshots you have here for WordPress 3.6.1. : (

    Graham

    • Schurpf October 1, 2013 at 3:28 am # Reply

      Hi Graham,

      thanks a lot for using my plugin. The form changes its looks based on the web form you chose within Aweber. I chose this form:

      http://grab.by/qKow

      If you want yours to look like mine, you have to change your form in Aweber. Sorry I don’t know what mine is called anymore, but I am sure you find a similar one on Aweber. Thanks for your question! Really appreciate.

      • Graham Clark October 1, 2013 at 4:03 am # Reply

        Thanks for the fast response! If you take a look here, you’ll notice mine looks nothing like that, although it seems that the settings are the same?

        http://grab.by/qKsi

        • Schurpf October 1, 2013 at 4:42 am # Reply

          I see where the problem is. Your theme has a style setting for forms. That makes the plugin look strange.

          add at the bottom of your style sheet in your theme the following:

          /*Simple Aweber Style Fix*/
          #af-form-1992558291 .af-body input.text, #af-form-1992558291 .af-body textarea{
          width: 100%;
          }

          here is what the results will look like:

          http://grab.by/qKse

          Let me know how this works out for you.

          PS: I changed your link to a screengrab to make the problem obvious.

  6. Ted October 6, 2013 at 6:25 am # Reply

    I am excited to use your plug-in on my site – but when I tested the shortcode on a page:

    http://www.westminstertech.com/aweber

    the form does not appear… Any suggestions?

    Thanks!

    • Schurpf October 8, 2013 at 3:12 am # Reply

      Hi Ted,

      pls make sure you have the correct Aweber java script code. Does the code show an optin form with just the java script code without using my plugin?
      Can you pls paste your short code in the reply. Lets work this out :)

      • Ted October 14, 2013 at 4:52 pm # Reply

        My apologies for taking so long to reply as I was away for a few days.

        On my page:

        http://www.westminstertech.com/aweber

        The Aweber form shows up vertically without your plugin, but does not show when I add the plugin. Here is the code I am using with your plugin:

        [simpleaweber js=" style="all"]

        Thanks!

        Ted

        • Schurpf October 14, 2013 at 6:16 pm # Reply

          Ah, yes your form is very big and the plugin really is only made for name and email.

          Also looks like you set the actual width in the form somewhere in Aweber. I played around with your form a bit until it looked like this:

          http://grab.by/r8LQ

          To get this, add in the following CSS to your theme style sheet at bottom:

          #af-form-1187448891, #af-form-1187448891 .quirksMode {
          width: 500px !important;
          }

          .af-element {
          width: 130px;
          float: left
          }

          #af-form-1187448891 .buttonContainer input.submit{
          margin-top: 15px;
          }

          and change label in Aweber from Primary Phone Number => Phone Number

          But with the size of your form I really suggest you create a custom design for it. There is no general way to make this type of form look pretty.

          Hope this helps :)

          • Ted October 15, 2013 at 5:10 am # Reply

            Hi Michael,

            I was planning to simplify our form anyway, so I did – and it worked. The form is now simply Name and Email and is displaying nicely across my page horizontally.

            Thanks for your help!

            GREAT SUPPORT!!!

            Ted

            • Schurpf October 15, 2013 at 5:23 am # Reply

              Great to hear it worked out for you :)

              Happy to help :)

  7. Jon October 13, 2013 at 1:36 am # Reply

    Hi Michael. Thanks for this amazing plugin. Looks so cool on my site, i never thought it would be so easy!
    Best regards from Spain!

    • Schurpf October 14, 2013 at 1:00 am # Reply

      Hi Jon, thanks a lot for your feedback. Made me really happy to hear those kind words!

  8. Matthew December 15, 2013 at 10:11 pm # Reply

    Thank you Michael, this is a awesome Free plugin sure made thing so much easier.. Thanks again

Leave a Reply