Home
/
Email Marketing
/
Lead Generation Plugin
/
How to publish custom sign-up forms on your WordPress website

How to publish custom sign-up forms on your WordPress website

Table of Contents

You’ve already connected the Email Marketing plugin to your SiteGround Email Marketing tool and built a sign-up form.

Great! You are almost ready. Now, you just have to publish the form on your website so it can start accumulating subscribers to your mailing list. Depending on your preferred page builder, the process may vary. Read further to learn the steps in each case.

How to add a sign-up form to a page with the Gutenberg editor

Before adding your form, you can check if the Email Marketing plugin detects Gutenberg. Log into your WordPress dashboard > Email Marketing > Settings, scroll down to the Integrations section, and check if the Status for Gutenberg is ACTIVE.

If this is the case, Email Marketing will add a widget to the page builder to easily add the form.

Active status for Gutenberg in the Email Marketing plugin

Follow the step-by-step instructions below.

  1. To add a form, you have to create a new page or edit existing ones.
  2. Determine the page area where you want the form to appear.
  3. Use the Add Block (+ sign) button and select SG Email Marketing. If you don’t see the widget, use the search bar to find it or browse all widgets.
    How to add the SG Email Marketing widget to a block in Gutenberg
  4. SG Email Marketing will populate the selected block. Choose one of your existing forms from the Select a Form drop-down menu.
    How to select a form in the SG Email Marketing widget in Gutenberg
  5. The form is now added to the page. To save the change, press the Update or Publish button.
    How to publish custom sign-up forms on a page in Gutenberg

How to add a sign-up form on a page with Elementor

Like Gutenberg, you can check if the Email Marketing plugin detects Elementor. Navigate to Email Marketing > Settings > Integrations in your WordPress dashboard. If the Status for Elementor is ACTIVE, the plugin adds a widget to the page editor.

Active status for Elementor in the Email Marketing plugin

You can then add a sign-up form to a new or existing page while editing it with Elementor.

  1. Select the SG Email Marketing widget from the menu on the left and drag and drop it to a page section. If the widget is not visible, you can use the search bar to find it.
    How to insert the SG Email Marketing widget into a page in Elementor
  2. After you insert the widget, Elementor will display a context menu for SG Email Marketing. Choose one of your existing forms from the Choose Form drop-down menu.
  3. Finally, click the Publish or Update button to save the changes.
    How to choose and publish custom sign-up forms on Elementor

How to add a sign-up form on a page with other editors

If you use other page builders like Classic Editor, an SG Email Marketing widget is unavailable. However, you can add your form by inserting its shortcode to the page.

  1. You can obtain the shortcode from your WordPress dashboard > Email Marketing > Forms.
  2. Under the Shortcodes column for the chosen form, you can see its shortcode and copy it using the Copy Shortcode button.
    How to copy the shortcode of a sign-up form in the Email Marketing plugin
  3. Open your page editor and paste the shortcode to the page section where you want the form to appear.
  4. Then, save the changes by pressing the Update or Publish button.
    How to publish custom sign-up forms to a page by inserting their shortcodes

RELATED ARTICLES

Share This Article