About this section
A countdown to a real date, such as the last day to order for the holidays, with your offer, an optional code and a button. It hides itself, or shows your message, when the date passes.
How to add itCustomize → Add section
Where it can goAny page
Settings20
Good to know: Use a real end date and never restart it: a timer that resets misleads customers.
Settings
Timing
| Setting | Type | What it does |
|---|---|---|
| Offer ends | Text | Format YYYY-MM-DD HH:MM, in your store’s time zone. The clock counts to this real date for every visitor and never restarts. |
| Offer starts | Text | Optional, same format. Before it, the clock counts to the start and the code stays hidden. |
| When the offer ends | Choice | Choose Hide the section, Show a message. Hide the section to start. |
| Message after it ends | Text with bold, italic and links | — |
Content
| Setting | Type | What it does |
|---|---|---|
| Eyebrow | Text | — |
| Heading | Text with bold, italic and links | — |
| Text | Text with bold, italic and links | — |
| Discount code | Text | Create the code in Discounts first. Shoppers can copy it from here. |
| Apply the code with the button | On / off | Sends shoppers through Shopify’s discount link, so the code is already applied at checkout. On by default. |
| Button label | Text | — |
| Button link | Link | A link to any page. |
| Fine print | Text with bold, italic and links | Conditions shoppers should know, such as exclusions or a minimum order. |
Clock
| Setting | Type | What it does |
|---|---|---|
| Figures | Choice | Choose Filled as time runs out, Solid, Outline. Filled as time runs out to start. |
| Show the offer window | On / off | A line from the start date to the end date, marking where the offer is now. Needs a start date. On by default. |
Layout
| Setting | Type | What it does |
|---|---|---|
| Layout | Choice | Choose Text beside the clock, Centered. Text beside the clock to start. |
| Color scheme | Color scheme | One of the colour schemes from Theme settings → Colors. |
| Background image | Image | Shown under a veil of the color scheme’s background, so text keeps its contrast. Choose an image from your files. |
| Veil over the image | Slider | Higher keeps the text easier to read. From 30 to 100 %, 80 % to start. |
| Top | Slider | From 0 to 160 px, 96 px to start. |
| Bottom | Slider | From 0 to 160 px, 96 px to start. |
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support