Breadcrumbs

How do I add a Signup Form to a page of my WordPress site?

In this article, we will walk through the steps to add a Signup Form to a page in your Wordpress site using both the Classic and Gutenberg Wordpress editors, as well as shortcodes.

After you install the AWeber for WordPress Widget, you will be able to view the stats information for every form on your list. Within the page editor, you'll find an AWeber icon which will enable you to select the form that you would like to be displayed on your page. The process for doing so will vary depending on the version of Wordpress editor you're using. You can also add a Signup Form to your page using shortcodes.

Using the Classic Wordpress Editor

  1. First, navigate to the page that you would like to display an AWeber form. You can access your existing pages from the 'Pages' item in the lefthand menu.

    image-20250828-150219.png


  2. You'll find an AWeber icon in the styling section at the top of the page. Clicking on it will reveal the existing forms you have created within your AWeber account.

    image-20250828-150226.png



  3. Select the form you would like to display on this page in the dropdown menu on the pop-up that appears and click 'OK.'

    image-20250828-150235.png


  4. After selecting your form, our plugin will add the corresponding shortcode into your page, which will render the form when the page is published. If you'd like to manually copy and paste your Signup Form shortcode onto your page, first, copy the shortcode associated with the form you'd like to add from the Forms section of the AWeber widget.

    image-20250828-150241.png


Back on your page, paste your copied shortcode wherever you'd like for it to appear on the page.

Make sure you paste your shortcode into a shortcode block or a text block. Your form will not be displayed through the HTML block.

Using the Gutenberg Wordpress Editor

  1. First, navigate to the page that you would like to display an AWeber form. You can access your existing pages from the 'Pages' item in the lefthand menu.

    360037883353_step04.png



  2. Select the 'Add Block' button on the right-hand side of the page to display the various item blocks you can add to your page. Then, click 'Add an AWeber Signup Form.'

    360037883353_step06.png



  3. Select the AWeber Signup Form that you would like displayed on your page, and click 'Save.'

    360037883353_step07.png



  4. Congratulations! You will now see your form displayed on that specific page on your WordPress blog. You can preview the page to view the form.

    360037883353_step10.png



  5. If you'd like to manually copy and paste your Signup Form shortcode onto your page, first, copy the shortcode associated with the form you'd like to add from the Forms section of the AWeber widget.

    image-20250828-150257.png


  6. Select the 'Add Block' button to display the various item blocks you can add to your page. Then, select "Shortcode" or "Paragraph." Your form will not be displayed through an HTML block when using shortcodes.

    360037883353_step10.png



  7. Finally, paste your copied shortcode into the textbox that appears.

    360037883353_step11.png

And that's it! Now your form will be displayed on your page through the use of shortcodes.

Adding an AI Signup Form to Your WordPress Site

If you've created an AI Signup Form in AWeber, you can add it to your self-hosted WordPress site by installing a JavaScript snippet in your site's <head> tag. Once installed, all of your AI Signup Forms will work automatically; no additional code is needed per page. Display frequency, targeting, and other settings are managed from the AI Signup Form’s display settings for each form.

Step 1: Get Your JavaScript Code

In your form's settings, add your domain name and copy the JavaScript snippet.

Step 2: Add the JavaScript to Your WordPress Site's <head>

The JavaScript snippet needs to be installed once, sitewide. The easiest way to do this on a self-hosted WordPress site is with a plugin like WPCode:

  1. Install and activate the WPCode plugin (or a similar plugin that allows adding code to the <head> tag).

  2. In your WordPress dashboard, go to Settings > Insert Headers and Footers.

  3. Paste your JavaScript snippet into the Scripts in Header field.

  4. Click Save.

Alternatively, you can add the snippet directly to your theme's functions.php file using wp_head(), but using a plugin is recommended to avoid losing changes during theme updates.

Step 3: Configure Your Form's Display Settings

Once the JavaScript is installed, your AI Signup Forms will display based on the AI Signup Form’s display settings in AWeber. You can control how often the form appears, which pages it shows on, and other behavior directly from your form's publish settings, no additional changes to your WordPress site are needed.

Form not showing up? Try a hard refresh in your browser (Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on Mac) or test in a different browser. Caching can sometimes delay the form from appearing immediately after installation.

These instructions apply to self-hosted http://WordPress.org sites. If you are using a http://WordPress.com hosted site, the hosted form can be linked directly on your site.