How to add Aweber signup to your sidebar

Monday, November 19th, 2007 at 4:51 pm

Adding an Aweber form [ 2:04 ] Play Now | Play in Popup | Download

Todays question comes from a comment on the last post. Here it is:

How do you get your aweber code to show directly under your picture in the side bar? I have tried this many times without success. At what point in the source code of the side bar does the aweber code go?

The easiest way to add your Aweber form is to use a text widget. What usually causes problems is that the standard form is too wide for quite a few theme’s sidebars. It is actually very easy to adapt the size. There are a few things you usually need to change in the HTML form that they create.

The first thing that you need to change is where the name and text box are called in the HTML. The default is to have two cells in a table. Now I have changed the < to [ so that it will post properly.

Name:[td][/td][input type="text" name="name" value="" size="20"/] is the standard code and

Name:[br /][input type="text" name="name" value="" size="18"/]
is the changes I made.

By changing the cell tags to a break tag the name shows above the text box instead of along side of it. You will need the same change to be made on the email area.

The other change that is needed at least for this theme is to change the size from 20 to 18 as the text box size 20 wouldn’t fit without creating a problem. If your sidebar is a little bit larger than this theme you won’t need to do that.

You can move the text box to any point by dragging it within the dashboard. Just click dashboard, presentation, widgets and you can drag it into the proper positon.

As always your comments and questions are welcomed. Add a comment or use the survey link at the top.