Creating a Web Form

The web form provides text entry fields for subscribers to join your e-mail list. In this section, users design the web form and indicate a method of placing it on the appropriate website.

 

To create a web form:

1. Click Do This Step. The Web Form Design screen displays (see Figure 11).

 

Figure 11: Designing the Web Form.

 

2. To choose a template for the form, click the Show Templates arrow. The wizard displays thumbnail images of the templates. To select the template that best suits your website’s graphic style, click the appropriate thumbnail image.

 

3. Click Load Template. The wizard displays the form template. All templates contain two fields:

• Name – subscriber’s first and last name
• E-mail – subscriber’s e-mail address

 

4. Select how the form is to be displayed from the Type drop-down list:

• In-line – displayed within the body of a web page.
• Pop-over – hovers within a web page. Can be blocked by pop-up blockers.
• Lightbox – hovers within a web page, but the web page darkens to highlight the form.
• Pop-up – displayed in a new browser window or tab. Can be blocked by pop-up blockers.

 

5. To collect mailing address information from subscribers, click US Address. A dialog dox provides selections for the information to collect (see Figure 12).

 

Figure 12: Adding US Mailing Address Fields to the Web Form.

 

6. To add custom fields, click Create a New Field. A dialog box provides a text entry area for naming the field (see Figure 13).

 

Figure  13: Adding Custom Fields to the Web Form.

7. To add header text to the template, click Edit Header and enter the desired header text in the space provided (see Figure 14). To format the text, use the selections above the text entry area. Click OK to save the text.

 

Figure 14: Editing the Web Form Header Text.

 

8. To change the width of the form, click the Resize indicator and drag it right to widen
the form

OR

Click the Resize indicator and drag it left to narrow the form

 

9. Click the Submit button to change its text label. Enter the new name for the button in the Text field (see Figure 15).

Figure 15: Configuring the Submit Button.

 

10. Click Edit Footer and enter the desired footer text into the space provided (see
Figure 16). To format the text, use the selections above the text entry area. Click OK to save the text.

 

Figure 16: Editing the Web Form Footer Text.

 

11. To change the look and positioning of the Submit button, click it and select the position from the available Position options. Click Advanced to use your own image for the button. Enter the location of the button graphic file in the Button Image field.

 

12. Click Save Web Form to save the current web form configuration.

 

13. Click Go To Step 2. The Basic Settings configuration screen displays (see Figure 17).

 

Figure 17: Configuring Web Form Basic Settings.

 

14. Enter a form name into the Form Name field.

 

15. Select a Thank You page from the Thank You Page drop-down list. Refer to Table 1 for Thank You page options.

 

16. Enter a website address for a web page to display if the subscriber is already on your list into the Already Subscribed Page field.

 

17. Click Save Web Form to save the current web form configuration.

 

18. Click Go To Step 3. The Who Will Publish This Form To Your Website screen displays (see Figure 18).

 

Figure 18: Publishing the Web Form.

 

19. Place the form on your company’s website using one of the following methods:

• Click I Will Install My Form to place a Javascript snippet or HTML code for the form on your website (see Figure 19). Select the desired code type, copy the web address from the field, and paste it into the web editing software where you would like it to appear on your site.

 

Figure 19: Installing Your Own Web Form.

 

• Click My Web Designer Will Install My Form to e-mail the HTML to your web designer for placement on your website (see Figure 20). Fill out the fields and click Send to My Designer to send the information to your designer.

 

Figure 20: Sending Web Form Information to a Web Designer.

 

• Click Have AWeber Host My Form to have your subscription form hosted by AWeber (see Figure 21). Copy the AWeber address from the field and paste it into your web editing software where you would like it to appear on your site.

 

Figure 21: Having AWeber Host the Web Form.

 

20. When the form’s HTML has been added to the website’s code, refresh the page to display the form.