03GENERAL

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.

Enable pop-upenabled
Default: disabled
Affected pagespage_scope

Determines the types of pages on which the pop-up is allowed to appear.

Default: all · Options: All pages, Home page only
Hide in carthide_cart
Default: enabled
Hide on customer pageshide_customer_pages
Default: enabled

Content

Complete the main texts displayed in this part of the section.

Eyebroweyebrow
Titleheading
Texttext
Pictureimage
Image positionimage_position
Default: left · Options: On the left, Right
Email field textemail_placeholder
Button labelbutton_label
Consent textprivacy_text
Confirmation titlesuccess_heading
Confirmation textsuccess_text

Promotional code

Configure the display, copying, and application of the proposed code after registration.

Show a promotional codeshow_discount
Default: enabled
Fallback local codediscount_code

The global “Welcome promo code” setting takes priority if it exists.

Show codediscount_reveal
Default: after_signup · Options: After registration, Immediately
Code wordingdiscount_label
Label to copycopy_label
Wording after copycopied_label
Label to applyapply_label
Clarification on the offerdiscount_note

Triggering

Choose when the pop-up appears and how often it can return.

Triggertrigger

Delay 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 exit
Deadlinedelay_seconds
Default: 6 · Range: 2–30s
Scroll Depthscroll_percent
Default: 45 · Range: 10–90%
Show again afterfrequency_days

After closing or registering, the pop-up waits this number of days before it can reappear.

Default: 14 · Range: 1–60j

Liquid glass

Customize the colors, transparency, blur and shadow of the glass surface.

Use custom colorsuse_custom_colors
Default: disabled
Glass colorbackground_color
Default: #FFFFFF
Text colorforeground_color
Default: #171717
Accent coloraccent_color
Default: #171717
Glass Opacitybackground_opacity
Default: 55 · Range: 0–100%
Blur intensityblur_strength
Default: 26 · Range: 0–50px
Background Opacityoverlay_opacity
Default: 45 · Range: 0–90%
Roundedradius
Default: 28 · Range: 0–48px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment
Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px
Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

Available 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.