AWeber Footer SlideUp – My First WordPress Plugin

by Shabbir on June 10, 2010

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 Ways to Make Money Online?

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

But if you are not planning to subscribe through Email. Try subscribing to RSS.

{ 197 comments… read them below or add one }

Richard Jay March 21, 2013 at 6:58 pm

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 ?

Reply

Shabbir March 22, 2013 at 4:38 pm

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.

Reply

Saba September 3, 2012 at 2:53 pm

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.

Reply

Shabbir September 3, 2012 at 5:48 pm

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.

Reply

Saba September 3, 2012 at 12:38 pm

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.

Reply

Shabbir September 3, 2012 at 12:58 pm

Saba, not sure I am able to understand your CSS issue. Can you please elaborate.

Reply

Dan July 16, 2012 at 11:07 pm

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

Reply

Shabbir July 17, 2012 at 9:24 am

Should be a simple JavaScript code to get that done Dan.

Reply

Glen May 11, 2012 at 9:31 pm

Hi Shabbir,

Had a lot of problems with part of form dissappear. Discontinued use for a while. Currently a little busy to deal with it anyway.

Cheers

Glen
http://HealthyBodySolution.com

Reply

Chris Jaeger May 11, 2012 at 4:58 am

Is there a way to change the blue color of the subscription box?

Also, change the tag/label in the Name box to Full Name (as in First/Last)?

Otherwise, I just found this plugin, installed it and it’s working in 20 minutes at http://www.marketingtobridesonline.com.

Great job!

Chris

Reply

Chris Jaeger May 11, 2012 at 5:04 am

Scratch that… found it in CSS.

Awesome!

Reply

Shabbir May 11, 2012 at 8:25 am

Yes you can add the needed CSS things in your theme’s CSS file under the id #footerform. Glad you already found that Chris.

Reply

Shabbir April 8, 2012 at 3:01 pm

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.

Reply

Steve Davis March 28, 2012 at 12:46 am

Nice plugin but it would be even better if a Header version was available! I want optin at TOP of page…
Thanks,
Steve

Reply

Shabbir March 28, 2012 at 9:14 am

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.

Reply

Sheree March 20, 2012 at 4:41 pm

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!

Reply

Shabbir March 20, 2012 at 4:48 pm

Sheree, can you share your blog url and so I can see the theme in action.

Reply

Sheree March 20, 2012 at 7:07 pm

Here’s the demo http://demo.woothemes.com/kaboodle/ The slider panels at the top disappears once the plugin is installed.

Reply

Shabbir March 20, 2012 at 7:53 pm

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.

Reply

Sheree March 20, 2012 at 7:59 pm

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

Reply

Shabbir March 20, 2012 at 9:27 pm

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.

Reply

John February 11, 2012 at 3:20 am

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.

Reply

Shabbir February 11, 2012 at 8:47 am

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.

Reply

John February 11, 2012 at 9:42 pm

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.

Reply

Glen January 26, 2012 at 1:06 pm

Plug-in Slide-up Web-form
You said under edit, paste in html. Where do I paste it?

Reply

Shabbir January 26, 2012 at 4:00 pm

Glen, the detail instructions are here

Reply

John S August 31, 2011 at 2:07 pm

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

Reply

Shabbir August 31, 2011 at 5:02 pm

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.

Reply

Roland Chandler June 22, 2011 at 9:41 pm

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.

Reply

Shabbir June 23, 2011 at 2:15 am

I have not used J-shortcodes and so if you can show me I may be able to help.

Reply

Geza June 20, 2011 at 11:55 am

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

Reply

Shabbir June 20, 2011 at 12:50 pm

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.

Reply

Shabbir June 20, 2011 at 12:51 pm

BTW I just upgraded the plugin to remove that unwanted new line in PHP and I hope it should work.

Reply

Dean June 14, 2011 at 2:45 pm

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?

Reply

Shabbir June 14, 2011 at 5:02 pm

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.

Reply

Ace May 2, 2011 at 12:17 pm

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.

Reply

Ace May 2, 2011 at 12:21 pm

Sorry have got this working now! Realise I had included on div too many! :-)

Reply

Shabbir May 2, 2011 at 12:45 pm

Great to see that. Let me know if you encounter any more issues.

Reply

David April 15, 2011 at 8:00 pm

Will it work for 3.11?

Wordpress page says only 2.9. Please advice.

Reply

Shabbir April 16, 2011 at 4:21 am

David, yes it works with Wordpress 3.1.1 and that data is not updated.

Reply

Dale April 9, 2011 at 2:34 am

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

Reply

Shabbir April 9, 2011 at 5:53 am

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.

Reply

Shabbir March 14, 2011 at 3:10 am

I have updated the installation instruction with lots of details. See here

Reply

JFB March 9, 2011 at 9:04 pm

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.

Reply

Shabbir March 10, 2011 at 2:45 am

Hi JFB, Did you get the RAW HTML code for your form.

Reply

JFB March 10, 2011 at 3:16 am

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 – -

Reply

JFB March 10, 2011 at 3:17 am

The instruction is missing this – before the word “tag”.

Reply

Shabbir March 10, 2011 at 4:05 am

Thanks for pointing that out and it FORM tag where I have used the HTML and it is not formated well.

Reply

gregory March 9, 2011 at 8:29 pm

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

Reply

Shabbir March 10, 2011 at 2:52 am

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.

Reply

Bob Fraser March 8, 2011 at 8:57 pm

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.

Reply

Shabbir March 9, 2011 at 2:39 am

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.

Reply

Imnica Mail February 8, 2011 at 12:02 pm

This is great plugin, could you please make it for Imnica Mail ? they are new but start growing

Cheers

Reply

Shabbir February 8, 2011 at 2:12 pm

Sorry but I have plans of doing it for Imnica

Reply

Jss Tripler Rock July 27, 2012 at 9:30 am

Do you mean Have no plan or have plan doing it for imnica ?

Thanks

Reply

Shabbir July 27, 2012 at 12:09 pm

I have no plans doing it for imnica

Reply

Kasper January 15, 2011 at 2:57 pm

Can’t get the form to work propper. The name field and email field is not there.

Reply

Shabbir January 15, 2011 at 3:15 pm

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.

Reply

Leave a Comment

Previous post:

Next post: