How to Make a Two-Column Form in AWeber
- 1). Launch the administrator and HTML editing software you use to manage the site that has an AWeber form being displayed.
- 2). Click on the Web page of your site that displays your current AWeber form (i.e., www.mywebsite.com/signup). Click the "Code" tab to view the HTML codes that have been added to this Web page.
- 3). Find the HTML code that reads "<script type="text/javascript" src="http://forms.aweber.com/form/43/(Your 10 Digit AWeber ID).js"></script>." Write down your 10 digit AWeber ID number found at the end of the default AWeber HTML code.
- 4). Highlight the HTML code below using your mouse (exclude quotation marks):
"<form method="post" action="http://www.aweber.com/scripts/addlead.pl" target="_new">
<input name="meta_web_form_id" value="10 Digit AWeber ID Goes Here" type="hidden"><input name="meta_split_id" value="" type="hidden">
<input name="unit" value="AWeber List Name Goes Here" type="hidden"><input name="redirect" value="Redirect URL Goes Here" type="hidden">
<input name="meta_adtracking" value="Ad Tracking Name Goes Here" type="hidden"><input name="meta_message" value="1" type="hidden">
<input name="meta_required" value="from,name" type="hidden"><input name="meta_forward_vars" value="0" type="hidden">
<table cellpadding="0" cellspacing="10">
<tbody>
<tr>
<td colspan="5"><p>Your Headline Goes Here</p></td>
</tr>
<tr>
<td>Name:</td><td><input name="name" value="" size="20" type="text"></td>
<td>Email:</td><td><input name="from" value="" size="20" type="text"></td>
<td colspan="2" align="center"><input name="submit" value="Button Text Goes Here" type="submit"></td>
</tr>
</tbody>
</table>
</form>"
Right-click on the highlighted code and click "Copy." - 5). Go back to the administrator and HTML editing program you use and delete the current AWeber HTML code that displays a one-column form on your Web page: (<script type="text/javascript" src="http://forms.aweber.com/form/43/(Your 10 Digit AWeber ID).js"></script>).
- 6). Delete the current code and then paste the new HTML code by pressing "Ctrl" and "V" at once.
- 7). Find the part of the code that says "10 Digit AWeber ID Goes Here" and enter your 10 digit AWeber ID -- the one you wrote down.
- 8). Find the part of the code that says "AWeber List Name Goes Here" and enter the name you gave to the AWeber list your visitors are subscribing to. If you don't remember the AWeber list name, log in to your account at AWeber.com, click the "My Lists" tab, find the name of the list and then enter it in the "AWeber List Name Goes Here" section of the code.
- 9). Find the section of the code that says "Ad Tracking Name Goes Here" and enter the Ad tracking name for the form. By default the Ad Tracking name is the name you gave to the form (i.e., Landing Page Form). In this case this would be the name you gave to the form you were displaying using the default AWeber HTML code. If you don't remember the name of the form, click the "Web Forms" tab on your AWeber interface to view the name of your form(s).
- 10
Find the part of the code that reads "Your Headline Goes Here" and type a headline telling your visitors why they should sign up to your newsletter and what type of information they will receive. For example, if you have a diet-related site, you can type "Join the Newsletter to Receive the Latest Diet Information." - 11
Find the section of the code that says "Button Text Goes Here" and type the text you want displayed on the form's sign-up button -- for example, "Join," "Sign Up," "Join Free." - 12
Click the "Save" button to save the new HTML to your site. Navigate to the Web page where you added the two-column code to view the AWeber form displaying two columns.
