Skip to content

Gift card page

Where you can add it

Not in the Add section list: it comes with its template or section group.

Gift card heading

SettingTypeDefaultOptions and range
Eyebrow

[shop] is replaced by your store name.

Text[shop] gift card
HeadingTextA gift
Highlighted phrase

Shown on a pill on the title’s second line.

Textfor you
Highlighted phrase with a recipient

Used when the gift card has a recipient. [name] is replaced by the recipient’s name.

Textfor [name]

Gift card text

SettingTypeDefaultOptions and range
Text

[shop] is replaced by your store name.

Rich textSpend it on anything at [shop], online or at the studio. Enter the code at checkout, or show the QR code at the till.
Show on an expired or disabled cardCheckboxOff

Gift note

SettingTypeDefaultOptions and range
CaptionTextA note for you

Gift card code

SettingTypeDefaultOptions and range
LabelTextGift card code

Gift card details

SettingTypeDefaultOptions and range
Show original valueCheckboxOn
Show expiry dateCheckboxOn
Show statusCheckboxOn

QR code

SettingTypeDefaultOptions and range
EyebrowTextAt the studio
TextTextShow this QR code at the till.
Show Apple Wallet button

Shown when Apple Wallet is available for the gift card.

CheckboxOn

Gift card button

SettingTypeDefaultOptions and range
TextTextStart shopping
Link

Leave empty to link to all products.

Link—
StyleSelectInk
  • Ink
  • Outline
  • Blush
SizeSelectMedium
  • Medium
  • Small
Show arrowCheckboxOn
SettingTypeDefaultOptions and range
Layout
Layout

Below 990 px the page is always stacked.

SelectSplit
  • Split
  • Stacked
Card
StyleSelectColor
  • Color
  • Image
Card color scheme

Shown when Style is Color.

Color schemeScheme 3
Image

Without an image, the card uses its color scheme.

Shown when Style is Image.

Image—
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

Shown when Style is Image.

SelectAuto
  • Auto
  • Light
  • Dark
Card logo

Leave empty to show your store name.

Image—
Show “Gift card” tag

An expired or disabled gift card always shows its status.

CheckboxOn
Bar
Custom logo

Leave empty to use the logo from Theme settings > Logo.

Image—
Logo width

Shown when Custom logo is set.

Range140 px60–300 px, step 10
Logo width on mobile

Shown when Custom logo is set.

Range110 px60–200 px, step 10
Enable language selectorCheckboxOn
Show print buttonCheckboxOn
Footer
Show copyrightCheckboxOn
Help textTextQuestions about your gift card?
Contact link textTextContact us
Contact link

Leave empty to link to your contact page.

Link—
Theme editor
Preview in the theme editor

Shows another state of the sample gift card in the theme editor only. Customers always see their own gift card.

SelectAs issued
  • As issued
  • With a recipient and a note
  • Partly used
  • Expired
  • Disabled
Colors
Color schemeColor schemeScheme 1
Code and notice color scheme

The code field, the notice on an expired or disabled card, and the language buttons.

Color schemeScheme 2
Gift note color schemeColor schemeScheme 4
Highlight color

Leave empty to use the color scheme’s highlight.

Color—
Spacing
Top spacing

On desktop the spacing scales with the screen and reaches this value at 1440 px.

Range40 px0–160 px, step 4
Bottom spacingRange104 px0–160 px, step 4
Top spacing on mobileRange12 px0–120 px, step 4
Bottom spacing on mobileRange56 px0–120 px, step 4
Motion
Reveal style

Any reveal style plays the full intro: the card rises out of an envelope, then the content appears. None keeps only a short fade.

SelectUse theme setting
  • Use theme setting
  • Rise
  • Wipe
  • Zoom
  • Pop
  • Slide from start
  • Slide from end
  • Wipe
  • None
Stagger

Reveals the items in this section one after another. Set to 0 to reveal them together.

Shown when Reveal style is not None.

Range80 ms0–240 ms, step 10