How to create a Sign-up form with Aweber

Set up a form

In this tutorial, we will create a popup. But the process is the same as other types of forms.

1. Click Pages and Forms in the side menu, and then go to Sign Up Forms.

2. Click Create a Sign-Up Form and select For My Website.

Choose a template

1. Filter the templates by category that makes the most sense to your business and goals. To see all categories click Show More.

If you don’t find anything you like, go with Simple. It is a minimalistic form that does not distract the viewer. This effectively keeps the user’s attention on the sign-up form and minimizes the possibility of bouncing off. 

2. To select a template, click on it and click Load Template.

3. Once you have selected a template, you can click Hide Template Gallery at the top right corner of the page.

Add Elements

1. There are three elements you can add to your form:

• Image
• Devider
• Text

To add an element, click on the element.

2. An editor will pop up at the bottom of the form. Configure the alignment, choose the type, and edit the size and colors of the element. Once you are done, click Save Field.

3. To reposition the element, Drag and drop it where you want.

4. You can click on the element to reopen the element editor.

5. On the left, you have the option to create and add new custom fields to the form.

For example, if you want to collect your prospect’s birthdate, click on Create a New Custom Field, and then enter a label name and select Date as the input type.

6. You also have the option to assign tags to the subscribers through this form, On the left side menu.

Design the form

1. Choose Body from the Element menu to edit the background color, border, background image, and padding.

2. You can also customize labels, the submit button, inputs, and links by selecting them from the menu and editing the colors and fonts.

3. Things to keep in mind when designing your form:

• Keep the design simple.
• Align text to the left.
• Arrange your form fields from easiest to hardest.

Now that you have designed the form, it is time to edit the display settings

Edit trigger settings

1. Select Form Type from the element menu.

2. On the settings, you can edit the form type and display options.

3. Select Pop-Over from the Type menu.

4. Set the delay to at least 5 seconds. Meaning the popup will be shown when a visitor spends 5 seconds on your site.

5. To customize the frequency settings, Select Show every X Days from the recurrence menu and set the Days to at least 2-3 days.

6. Once you are done adding content, designing the form, and editing the trigger settings, click Go To Step 2.

There, you can edit basic form settings and enable ad tracking.

Configure basic settings

1. Enter a name for the form. This is for internal use only.

2. Select a Thank you page.

Thank you page is where the new leads are directed once they sign-up.

If you want to redirect the new subscribers to a custom Thank you page, enter the URL to the page.

If you don’t have one, you can create one with Aweber’s landing page feature.

3. You can also customize the page where you want to redirect those who already signed up through the page.

4. If you want to enable ad tracking and personalize the success page, then click Show Advanced Settings.

5. Ad tracking is used to categorize the subscribers through the created form. You can use it to keep track of where you acquire each subscriber.

6. enable Pass Form Data to personalize the success page.

This is an example of a personalized thank you page. The username(John) is passed through to the success page.

7. Once you are done editing the settings, click Go To Step 3 to publish the form to your wordpress site.

Publish the form to your wordpress site

1. To add the popup to your wordpress site, Select I will Install My Form.

2. Select Java script Snippet

3. Copy the snippet

4. log in to your wordpress site, and go to Plugins. Install and activate Head, Footer, and Post Injections.

5. Go to settings and click Header and Footer.

6. Add the snippet code into the AFTER THE <BODY> TAG and click Save.