Skip to content

Popup

This guide describes setting up a Popup section to display a small temporary window over your store's pages. The popup is typically used to contain promotional and advertising messages for your store's visitors.

In the following video, a popup section appears in the lower right corner of a store's artists page. The section is displayed after the page has finished loading, and it contains a form for subscribing to the store's newsletter.

For general guidance with modifying sections, refer to Sections overview.

Set up the popup section

To set up your store's popup section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select the Home page template.

    Note

    The popup section is accessible from all page templates, excluding the Checkout, Password and Gift card page templates.

  2. From the side menu, select Popup.

    The popup section selected in Theme editor.

  3. Select a section setting described in the following table.

Section setting nameDescription
Display modeUse the Display mode dropdown to show/ hide the section. The options are Enabled and Disabled.
DelayAdjust the Delay slider to set a delay between 2 and 30 seconds before the section appears on a page. Changes to the delay time cannot be previewed from inside Theme editor. Visit your store's homepage in a web browser to preview your adjustments.
FrequencyAdjust the Frequency slider to set the number of days before a closed popup reappears. The minimum slider value is 2 days and the maximum is 30 days.
Content > HeadingIn the Heading box, enter text to display as a title inside the section.
Content > TextIn the Text box, enter (body) text to display inside the section. Format the text using the text editor pane.
Content > Call to actionUse the Call to action dropdown to set the type of prompt to display inside the section. The options are Newsletter signup or Button. Inside the section, Newsletter signup prompts visitors to subscribe to your store's newsletter. Subscribers' email addresses are added to your store's "accepts marketing" list. To manage your customers' details, follow the customers list link to the Customers page in your store's admin. The Button option adds a button inside the section. Refer to Shopify help: Managing customers.
Content > Button styleSelect the Button style dropdown to set the style for the section's buttons to Outline or Solid.
Content > Button linkIn the Link box, enter a URL or select a store page to link to. The link is displayed inside the section. To remove a link, select the X icon inside the Link box. To use the link, set the Call to action dropdown to Button.
Content > Button textIn the Button text box, enter text to display as a button label inside the section. To use the label, set the Call to action dropdown to Button.
Color > Color schemeSelect the Color scheme dropdown to set the section's color scheme to Primary, Secondary or Tertiary. Refer to Colors.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.