Adding an Opt-in Web Form to Your Website

Create a web form that can be placed on your website. Subscribers use the web form to join an e-mail list. Web forms may be built into existing pages on your website or displayed as pop-ups.

To create a web form:

1. Click the Web Forms tab. The Web Forms page displays (see Figure 1).

Figure 1: Web Forms Page.

2. Click Create Web Form. The Web Form Design screen displays (see Figure 2).

Figure 2: Designing the Web Form.

3. 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.

4. 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

5. 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.

6. To collect mailing address information from subscribers, click US Address. A dialog box provides selections for the information to collect (see Figure 3).

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

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

Figure 4: Adding Custom Fields to the Web Form.

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

Figure 5: Editing the Web  Form Header Text.

9. 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

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

Figure 6: Configuring the Submit Button.

11. Click Edit Footer and enter the desired footer text in the space provided (see Figure 7). To format the text, use the selections above the text entry area.

Figure 7: Editing the Web Form Footer Text.

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 8).

Figure 8: 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 web form configuration.

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

Figure 9: 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 10). 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 10: 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 11). Fill out the fields and click Send to My Designer to send the information to your designer.

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

• Click Have AWeber Host My Form to have your subscription form hosted by AWeber (see Figure 12). 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 12: 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.