Zeppelin StudioOpaline
  1. Docs
  2. Sections
  3. Header, footer & overlays

Header, footer & overlays

Promotional popup

A promotional glass window that opens after a delay. It can hand over a discount code to copy or collect an email address. Visitors who close it don't see it again for the number of days you choose.

16 section settingsAvailable on every template
LogoJoin the listWELCOME101234
  1. 1Eyebrow, heading and text
  2. 2Discount code, copied in one tap
  3. 3Button and the No thanks link
  4. 4Close button, delay and frequency

Add the section#

Available on every template.

  1. From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
  2. Use the page selector at the top of the editor to open the template you want to change.
  3. In the sidebar, click Add section where you want it to appear.
  4. Select Promotional popup. Click the section in the sidebar to open its settings.
  5. Click Save in the top right corner when you are done.

Settings#

General

A centered glass panel over a dimmed page.
Delay before showing
Slider
Default: 3sFrom 0 to 30s, in steps of 1
Do not show again for
Slider

In days. 0 shows it on every visit.

Default: 7dFrom 0 to 60d, in steps of 1

Content

Image
Image

A banner across the top of the panel.

Overline
Text

The text shown in this place.

Heading
Text

The text shown in this place.

Text
Rich text

Formatted text: bold, italic and links are kept.

Field

Field offered
Dropdown
Default: Email sign-upPromo codeNone
Placeholder text
Text

The text shown in this place.

Button label
Text

The text shown in this place.

Confirmation message
Text

The text shown in this place.

Promo code
Text

The code shown to visitors once they subscribe. Create it in Discounts first.

Copy button label
Text

The text shown in this place.

Copy confirmation
Text

The text shown in this place.

Links

Action button label
Text

The text shown in this place.

Action button link
Link

Where the link leads: a product, a collection, a page, or any web address.

Decline link
Text

The text shown in this place.

Good to know#

Good to know

In the theme editor the popup opens straight away so you can style it. On the live store it waits for the delay you set.