Gift card page
Where you can add it
Not in the Add section list: it comes with its template or section group.
Blocks
Section titled “Blocks”- Gift card heading — part of this section
- Gift card text — part of this section
- Gift note — part of this section
- Gift card code — part of this section
- Gift card details — part of this section
- QR code — part of this section
- Gift card button — part of this section
Gift card heading
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Eyebrow [shop] is replaced by your store name. | Text | [shop] gift card | |
| Heading | Text | A gift | |
| Highlighted phrase Shown on a pill on the title’s second line. | Text | for you | |
| Highlighted phrase with a recipient Used when the gift card has a recipient. [name] is replaced by the recipient’s name. | Text | for [name] |
Gift card text
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Text [shop] is replaced by your store name. | Rich text | Spend 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 card | Checkbox | Off |
Gift note
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Caption | Text | A note for you |
Gift card code
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Label | Text | Gift card code |
Gift card details
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Show original value | Checkbox | On | |
| Show expiry date | Checkbox | On | |
| Show status | Checkbox | On |
QR code
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Eyebrow | Text | At the studio | |
| Text | Text | Show this QR code at the till. | |
| Show Apple Wallet button Shown when Apple Wallet is available for the gift card. | Checkbox | On |
Gift card button
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Text | Text | Start shopping | |
| Link Leave empty to link to all products. | Link | — | |
| Style | Select | Ink | |
| Size | Select | Medium | |
| Show arrow | Checkbox | On |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Layout | |||
| Layout Below 990 px the page is always stacked. | Select | Split | |
| Card | |||
| Style | Select | Color | |
| Card color scheme Shown when Style is Color. | Color scheme | Scheme 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. | Select | Auto | |
| Card logo Leave empty to show your store name. | Image | — | |
| Show “Gift card” tag An expired or disabled gift card always shows its status. | Checkbox | On | |
| Bar | |||
| Custom logo Leave empty to use the logo from Theme settings > Logo. | Image | — | |
| Logo width Shown when Custom logo is set. | Range | 140 px | 60–300 px, step 10 |
| Logo width on mobile Shown when Custom logo is set. | Range | 110 px | 60–200 px, step 10 |
| Enable language selector | Checkbox | On | |
| Show print button | Checkbox | On | |
| Footer | |||
| Show copyright | Checkbox | On | |
| Help text | Text | Questions about your gift card? | |
| Contact link text | Text | Contact 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. | Select | As issued | |
| Colors | |||
| Color scheme | Color scheme | Scheme 1 | |
| Code and notice color scheme The code field, the notice on an expired or disabled card, and the language buttons. | Color scheme | Scheme 2 | |
| Gift note color scheme | Color scheme | Scheme 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. | Range | 40 px | 0–160 px, step 4 |
| Bottom spacing | Range | 104 px | 0–160 px, step 4 |
| Top spacing on mobile | Range | 12 px | 0–120 px, step 4 |
| Bottom spacing on mobile | Range | 56 px | 0–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. | Select | Use theme setting | |
| Stagger Reveals the items in this section one after another. Set to 0 to reveal them together. Shown when Reveal style is not None. | Range | 80 ms | 0–240 ms, step 10 |