AWeber Footer SlideUp – My First WordPress Plugin

There are many Footer Slideup form’s available but the problem is they all charge for the script and that is not one time fees but month on month fees for the script. Being a developer myself I thought of creating my own and many of my clients as well as blog users asked the same script from me and so here I come with my first official WordPress plugin AWeber Footer Slideup.

Plugin Description

Footer Slideup Form is one of the best ways to ask your user to subscribe to your list without any interruption or blocking and this plugin does exactly that. It adds an AWeber subscribe form in the footer of your WordPress blog. AWeber is one of the better Auto-responders in the market and it allows you to send series of email message to subscribers. You can read my detailed AWeber review.

Installation Instructions

  1. Generate an Inline form using the AWeber Web form Interface.
  2. Grab the HTML code of your AWeber Form and Search for Hidden Div which lists all the hidden form fields for subscription. You will see it just after the <FORM> tag.
  3. Upload the plugin folder aweber-footer-slideup in the wp-contents/plugins folder.
  4. Activate the plugin through the ‘Plugins’ menu in WordPress
  5. Edit Options under the Menu ‘AWeber Footer SlideUp’. Paste the hidden div HTML Code generated in Step 2.

More detailed installation instruction are here

FAQ’s

How to Edit the Tag Line Subscribe By Email for Weekly Updates?

Heading Tag Line (Optional) in the admin interface of the plugin. Leaving it blank will show the default tagline.

What is Tracking Image URL of AWeber Webform (Optional)?

AWeber RAW HTML Webform tracks the form views and other stats with an image. If you would like to see how many users submit using the footer form you need to add the unique image url of AWeber into the field value. Just near the form end tag you will see <img src=”SomeValue” border=”0″ />. Just copy the SomeValue from the HTML code and past it in Tracking Image URL of AWeber Webform. The Image URL will not be any normal jpg/gif like image.

If you have more queries and questions (Which I am sure you will have) Please post them in comments below and I will be more than happy to help you on this matter.

Sign up for Free Course on How to be an Online Entrepreneur?

Don't wanna sign up but prefer posts delivered to your Inbox?

Not planning to subscribe through Email. Check out the RSS Feed.

Comments

  1. Roxie Torres says

    For some reason when I check my mobile device the footer doesn’t show up, is there a reason why?

  2. says

    Hi there, I love your plugin.

    But I do have one minor irritant on my end that I hope you can help me fix easily. The theme I use had the left hand sidebar fixed. I had a lot of contact on it so I made it scrollable with the rest of the page but in doing so, now the sidebar elements overlap on top of the footer slide-up at the bottom whenever you scroll down the page.

    I’m not that great with css and such. Is there a quick way to make aweber footer slideup the topmost element so that everything scrolls or appears underneath it always (rather than over top). See the website and scrolldown to see what I mean. Thanks in advance for any help you can provide!!! :)

    • says

      Sure Andrew. Just add the following line in your theme’s style.css

      div#footerform {z-index:101 !important;}

      And that should do the trick. I had the z-index define to keep things on top of everything but your theme sets it just too high value and so we have to set it something more than that.

  3. says

    Nice plugin. Got it working in 5 minutes.

    But just one thing: after someone has filled in the form and signed-up, the footer still stays. As they’ve subscribed I’d have thought it wouldn’t show up anymore. Is that how it is supposed to work or do I have some kind of issue ?

    • says

      Yes it is suppose to work that way only Richard. What you are suggesting is doable and will think about implementing the same in the next release.

  4. says

    Plugin CSS is stored in http://changingthefaceofwisdom.com/wp-content/plugins/aweber-footer-slideup/style.css file and you can copy the content of the CSS file and paste into your theme’s CSS file. Remember to copy the following 2 images as well.
    @ http://changingthefaceofwisdom.com/wp-content/plugins/aweber-footer-slideup/images/name.png
    @ http://changingthefaceofwisdom.com/wp-content/plugins/aweber-footer-slideup/images/mail.png
    If you are using frameworks like Thesis or Genesis you can add them to the custom CSS options they provide. It will reduce an extra file request to the CSS file on your server.

    I don’t understand any on this.

    • says

      Just ignore them as of now and they are optional settings for those who don’t want to have yet another CSS file included on pages and want to combine them to their existing CSS files.

  5. says

    I am having issues with finding where CSS theme is. I am lost with all of that CSS talk. I use Pagelines as a theme if that matters. But I don’t have a name & email box with the little picture and I don’t know what to do.

  6. Dan says

    Hi, nice plugin! Thanks!!

    Looking now for a way to have the cursor blinking in the email field, so it is even more inviting…do you have an idea how to do this, I can only do that with HTML pages…

    Thx

    Dan

  7. says

    I have updated the plugin to add lot of features as well as solve lot of jQuery bugs. To summarize following changes are done.

    • Default Text of all form fields like Name, Email and submit button.
    • Option to add CSS from the Plugin CSS file or copy the same into theme CSS File and exlude the plugin CSS file.
    • Option to Remove – Close for Now and Never Show Again links
    • Optional name field.
    • Use of WordPress support for jQuery as well as make it optional so user can use the jQuery emebeded by theme or other plugins.

    I have tried to covered every request in the comments here and if you have anything more do let me know.

    • says

      Having at top is slightly irritating for users because it needs lot more space and so have no plans to make it as part of plugin but I can get that done for you if you want.

  8. Sheree says

    Using WP Kaboodle theme. When we install the aweber slider our slider panels above disappears. Pls advise how do we amend this and still have your aweber slider functioning. Thanks!

        • says

          There is a jQuery conflict. I am coming up with new version of the plugin that should solve such issues but as of now if you are fine commenting one line of code that should solve the issue.

          • Sheree says

            Hi,
            Don’t quite understand “if you are fine commenting one line of code that should solve the issue.” Could you elaborate.

            • says

              You have to comment one line in the file to make it work with the current theme or you can wait for few days and I will come up with new version of the plugin that would solve the issue. The plugin update is expected in mid April.

              Let me know if you are comfortable editing the file and I can let you know what needs an edit.

  9. says

    Hi Shabbir,
    Thanks so much for the great plugin!
    I am in the process of changing some things, but can’t seem to get my Tagline or Ebook image to show up. I have entered both in the admin settings page, and also tried changing the Tagline in awfs.php file. The default tagline continues to show up.
    Is there a certain size my .jpg file has to be, or maybe another format?

    Thanks again.

    • says

      John, do you have any cache plugin because if you enter the content in the admin option it should show up. Also I see your tagline as Grab Your FREE RE-BRANDABLE EBOOK. Enter Your Info.

      • says

        Hi Shabbir,

        Thanks for your response. It is working. It just took longer to show up than most things I edit. Again, Thank You for the fantastic plugin. It’s great.

  10. says

    Hi – I like the idea but I can’t get it to work. I followed the instructions. The file is in my w-contents folder but not in my header.php or footer.php folders.

    It wasn’t clear when copying the tracking code, whether its just the code within the img tags or the div tags. Do you delete it from the main code box after you have copied it?

    I really need this to work because I have just taken on an aweber account thinking this would work for sure.

    Thanks for the support,
    John

    • says

      HI John, It would work for sure. Share your blog url because there is nothing needed when it comes to copying files. I have more detailed installation instructions as well here and see if that helps. Let me know more and I will be more than happy to make it work for you.

  11. says

    Hi Shabbir

    I am having a conflict between this plugin and J-shortcodes. Do you have any suggestions? When both are activated, the J-shortcodes accordion menu just behaves as a normal link.

  12. Geza says

    Hi Shabbir!
    I have an error when i try to install the plugin, it says:

    Parse error: syntax error, unexpected $end in D:\Program Files\EasyPHP-5.3.6.0\www\wordpress\wp-content\plugins\aweber-footer-slideup\awfs.php on line 114

    • says

      Geza, I am using the latest version of the plugin on my blog here and also I tested on my local host in Windows environment and I don’t see any issues. On line 114 there is nothing in that file and so I would suggest if you can remove the plugin and install once again and see if it solves the problem. If not you can contact me to look into your server and I will be more than happy to fix the issue for you.

  13. says

    Hi, I’ve installed the plugin as per your instructions. It pops up along the bottom of the page but the fields to enter name and email are not there? Was there something else I need to do to get those input boxes?

    • says

      I think you have messed up the HTML because there is nothing much to do for getting the input boxes. Share your blog and I will be more than happy to have a look.

  14. says

    Hi there, am having difficultly setting this up on my site, does it work on Version 3.1.2? I followed the instruction details but doesn’t seem to work at all (I’ve kept it live on AndroidTabletFanatic.com so you can check it out). Thanks very much.

  15. says

    Is there a way to delete the Close for Now and/or Never Show Again? I hit close for now and the opt in never came back. I had to delete the site from my cookies

    • says

      Do you mean you want that form to be always there for the user. It will need few changes in the CSS files. Will you be able to do it? If yes I can suggest it to you.

  16. JFB says

    Indulge this noobie because I don’t understand the “Hidden Div” and instructions.

    I didn’t find either when searching the html code for my AWeber form.

      • JFB says

        Yes. Of course I have the html code.

        But what remains terribly unclear is just what snippet of code to use. EXACTLY, PRECISELY from what to where in that snarl of AWeber jibberish.

        By the way, the red text instruction next to the input box of the plugin in the admin area of a WP site, is missing a key word, namely – -

  17. says

    Hi Love the plugin hiwever at the bottom of the blog it shows a blue line and when uI close the line then the forms show up. Then i see there are form fileds to fill in but I only need to fill in the two.

    So can you state where to where to copy from aweber – i took from hidden to the end but I believe that is causing duplicatte fieldss to show up .

    its on the blog under my name – you will see its kinda funky display at the bottom.

    aany suggestions to fix this.

    Thanks Greg

    • says

      Greg, It looks like you have messed up with the html. I am in process of putting up a very detailed install instruction with lots of screen shots this weekend and that should help.

  18. says

    I would like to use your plug in but I just don’t know WHERE to paste the code from the Aweber generated bit. I have the right bit of code copied to my clipboard, but I don’t see any direction on where to paste it in the “Aweber Footer Slide-up” window in ‘edit’ … I’m kind of a newbie so please try to be specific. i.e., “Paste the Aweber snippet right after THIS BIT OF CODE in the edit window”

    Thanks.

    • says

      Hi Bob, Under the Settings Menu You will see option of AWeber Footer Slide-up. Click on that link and you will see option to place the code.

    • says

      Can you explain what is the issue. The name and email fields are by default added for a horizontal display. Share your Blog URL and I will be more than happy to look into it.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>