Appearance
Popup
This guide describes the Popup section.
Use the section to display a small temporary window over your store's pages. The section is typically used to contain promotional and advertising messages for your store's visitors.
For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks.
Configure the Popup section
To configure your Popup section:
In Theme editor, at the top of the page, use the theme templates dropdown to select the home page.
Note
The section is accessible from all pages, excluding Checkout, Password, and Gift card pages.
From the side menu, select Popup.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Enable popup | Set the Enable popup option to on or off. With this option enabled, the section displays a promotional modal to your store's visitors. |
| Delay | Adjust the Delay slider to set a delay between 2 sec and 30 sec (seconds) before the section appears on a page. Changes to the delay time cannot be previewed from inside Theme editor. Visit your store's home page in a web browser to preview your adjustments. To use this option, enable the Enable popup option. |
| Frequency | Adjust the Frequency slider to set the number of days before a closed popup reappears to a store visitor. The minimum slider value is 2 day and the maximum is 30 day. To use this option, enable the Enable popup option. |
| Content > Heading | In the Heading field, enter text to display as title text inside the section. To use this option, enable the Enable popup option. |
| Content > Text | In the Text field, enter text to display as body text inside the section. Format the text and add links using the inline editor. To use this option, enable the Enable popup option. |
| Content > Text size | Use the Text size setting to specify a size for the section's text. The options are S = small, M = medium, L = large, and XL = extra large. To use this option, enable the Enable popup option. |
| Content > Call to action | Use the Call to action options to set the type of prompt to display inside the section. The options are Newsletter signup or Button. The Newsletter signup option provides store visitors with a form to subscribe to your store's newsletter. Subscribers' email addresses are added to your store's "accepts marketing" list. The Button option adds a button inside the section. To use this option, enable the Enable popup option. To learn how to manage customer details, refer to Shopify help: Managing customers. |
| Content > Button link | In the Button link field, enter a URL or select a link to a store page. The link is displayed inside the section. To remove a link, select the X icon inside the Link box. To use this option, enable the Enable popup option and set the Call to action option to Button. |
| Content > Button text | In the Button text field, enter text to display as button label text for the section's button. To use the label, set the Call to action dropdown to Button. To use this option, enable the Enable popup option. |
| Color > Color scheme | Use the Color scheme picker to select a color scheme for the section. Refer to Colors. |
| Theme settings | If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |
| Custom CSS | Select Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS. |
| Remove section | Select Remove section to delete the section from the current page. |
Note
To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in Theme editor.
To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the theme editor.