Welcome pop-up
This page explains how “Welcome pop-up” actually behaves, which data it depends on, and what its settings change.
Welcome pop-up
This page explains how “Welcome pop-up” actually behaves, which data it depends on, and what its settings change.
What the theme does automatically
- →
Display frequency is remembered in the visitor’s browser.
- →
After signup, the success content has its own scrolling area so it remains usable on small screens.
- →
The displayed code must match a discount actually created in Shopify.
- →
Signup uses Shopify’s customer form; the theme does not create a separate subscriber database.
Understand the settings
Activation and pages
Enable the pop-up and choose which pages it can appear on.
enabledpage_scopeDetermines the types of pages on which the pop-up is allowed to appear.
Default: all · Options: All pages, Home page onlyhide_carthide_customer_pagesContent
Complete the main texts displayed in this part of the section.
eyebrowheadingtextimageimage_positionemail_placeholderbutton_labelprivacy_textsuccess_headingsuccess_textPromotional code
Configure the display, copying, and application of the proposed code after registration.
show_discountdiscount_codeThe global “Welcome promo code” setting takes priority if it exists.
discount_revealdiscount_labelcopy_labelcopied_labelapply_labeldiscount_noteTriggering
Choose when the pop-up appears and how often it can return.
triggerDelay or scroll settings apply depending on the trigger chosen.
Default: delay_or_exit · Options: After a delay, After scrolling, Intended for exit, Delay or intention to exitdelay_secondsscroll_percentfrequency_daysAfter closing or registering, the pop-up waits this number of days before it can reappear.
Default: 14 · Range: 1–60jLiquid glass
Customize the colors, transparency, blur and shadow of the glass surface.
use_custom_colorsbackground_colorforeground_coloraccent_colorbackground_opacityblur_strengthoverlay_opacityradiusSection palette
Applies a consistent palette to the background, text, and buttons in this section.
Section appearance
opaline_use_color_schemeopaline_color_schemeTitle
opaline_heading_alignmentSpacing
opaline_section_spacingCreates space between this section and the next. Mobile spacing adjusts automatically.
Default: 0 · Range: 0–160pxopaline_content_insetMoves content away from the edges. Mobile spacing adjusts automatically.
Default: 0 · Range: 0–120pxAvailable blocks
This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.
Before publishing
- ✓
Content remains readable in every color scheme.
- ✓
Labels match the storefront language.
- ✓
Displayed promotions match Shopify rules.
- ✓
Interactions remain accessible by keyboard and touch.