Skip to content
Docs

How to Show a Subscription Form Inside a Popup

Display your Icegram Express newsletter subscription form inside a popup using built-in settings or Icegram Engage campaigns.

Displaying your newsletter signup form inside a popup is one of the most effective ways to capture visitor attention and grow your mailing list. You can implement this in two ways:

  1. Native Popup Mode (built directly into Icegram Express).
  2. Icegram Engage Popups (for advanced display rules, animations, and exit-intent triggers).

Method 1: Using the Built-In Icegram Express Popup Option

Icegram Express includes a lightweight popup mode directly in the form builder:

  1. In your WordPress admin, go to Icegram Express > Forms.
  2. Click Edit on an existing form or select Add New.
  3. In the form settings header on the right, toggle on Show in popup.
  4. Enter the popup headline in the Heading placeholder.
  5. Save your changes.
  6. Copy the form shortcode (e.g., [email-subscribers-form id="1"]) and embed it on the desired page or widget.

Enable popup toggle inside Icegram Express form builder settings

Enable popup toggle inside Icegram Express form builder settings

Overriding Popup Mode via Shortcode

If you want to use the same form as a standard inline box on specific pages, add show_in_popup="no" to the shortcode:

[email-subscribers-form id="1" show_in_popup="no"]

Icegram Express subscription form rendered as a modal popup on the site

Icegram Express subscription form rendered as a modal popup on the site

For exit-intent popups, scroll-depth triggers, device targeting, and styled modal themes, pair Icegram Express with Icegram Engage.

  1. Ensure both Icegram Express and Icegram Engage are activated on your WordPress site.
  2. In your WordPress admin, navigate to Icegram Engage > Campaigns and click Add New Campaign.
  3. Select the Popup message type and choose your preferred design template.
  4. In the message editor panel, check the Form option.
  5. In the form dropdown, select your desired Icegram Express form.
  6. Configure your display triggers (e.g., show after 5 seconds, on exit-intent, or when scrolling past 50% of the page).
  7. Save and publish your campaign.

Icegram Engage campaign editor selecting Icegram Express form

Icegram Engage campaign editor selecting Icegram Express form