Skip to content

Sections

Every section you can add, with all its settings and blocks.

Sections are the building blocks of each page. In the theme editor, click Add section to add one, drag sections to reorder them, and click a section to change its settings. Select a section below to see all its settings.

Sections you can add (53)

Age verification10 settings
SettingTypeDefaultDetails
Ask visitors to confirm their ageOn/offOn
Remember confirmation forSlider301–90d
LogoImage
HeadingRich textAre you of legal drinking age?
TextRich textYou must be 21 or older to visit this store.
Confirm buttonTextYes, I am
Decline buttonTextNo, I'm not
Heading after decliningRich textSorry, you can't enter yet
Text after decliningRich textCome back when you're old enough. We'll be here.
BackdropChoiceBlurredDimmed, Blurred, Solid
Announcement bar3 settings · 1 block type
SettingTypeDefaultDetails
Color schemeColour schemescheme-3
Rotate announcementsOn/offOn
Change everySlider53–12s

Block: Announcement

SettingTypeDefaultDetails
TextTextFree shipping on orders over $75
LinkLink
IconChoiceNoneNone, Delivery, Warranty, Returns, Matter, Quick setup, Gift, New

Up to 6 blocks.

Apps4 settings · app blocks
SettingTypeDefaultDetails
Make section margins the same as themeOn/offOn
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
TopChoiceMediumNone, Small, Medium, Large
BottomChoiceMediumNone, Small, Medium, Large
Back in stock alert3 settings

Shows a "Notify me" button when the selected variant is sold out. Requests are sent to your store's contact email with the product and variant.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Back to top2 settings
SettingTypeDefaultDetails
PositionChoiceBottom rightBottom right, Bottom left
Show after scrollingSlider800200–2000px
Before and after16 settings
SettingTypeDefaultDetails
Before imageImage
Before labelTextBefore
After imageImageUse images with the same size and framing.
After labelTextAfter
Starting divider positionSlider5010–90%
Image shapeChoiceLandscapeSquare, Portrait, Landscape, Wide
EyebrowText
HeadingRich textSee the difference
Heading sizeChoiceMediumMedium, Large
TextRich textDrag the slider to compare results after four…
Link labelText
LinkLink
LayoutChoiceText above imageText above image, Text beside image

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px
Bento features11 settings · 6 block types
SettingTypeDefaultDetails
EyebrowTextWhy Relay
HeadingRich textCalm technology, in every tile
TextRich textThoughtful hardware and an app that stays out…
Heading alignmentChoiceLeftLeft, Center
Link labelTextExplore the platform
LinkLink
Columns on desktopChoice43, 4
Row heightSlider1512–24rem

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Image tile

SettingTypeDefaultDetails
Tile sizeChoiceLarge (2x2)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-3
ImageImage
Overlay opacitySlider800–100%
EyebrowTextLighting
HeadingTextLight that follows the sun
TextRich textCircadian scenes shift warmth and brightness …
Link labelText
LinkLink

Block: Feature tile

SettingTypeDefaultDetails
Tile sizeChoiceSmall (1x1)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-5
IconChoiceShieldLight bulb, Smart lock, Thermostat, Camera, Sensor, Plug, Hub, Home, Shield, Energy, Battery, Wi-Fi, Signal, App, Voice, Sun, Moon, Clock, Leaf, Sparkle, Settings, Chip, Power, Check, Padlock, Box, Delivery, Returns, Mail, Phone, Location, Star, Heart, Globe, Matter, Thread, Zigbee, Bluetooth, Voice assistant ring, Home with dot, Home with door, No hub needed
Toggle labelTextLocal modeShows a decorative toggle. Leave blank to hide.
HeadingTextWorks offline
TextRich textLocal control keeps lights and locks running …
Link labelText
LinkLink

Block: Stat tile

SettingTypeDefaultDetails
Tile sizeChoiceSmall (1x1)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-4
PrefixText
NumberText5Plain numbers count up when animations are on, e.g. 5, 4.8, 120000.
SuffixTextmin
LabelTextAverage setup time
TextRich textScan, pair, done. No electrician, no hub requ…
Link labelText
LinkLink

Block: Compatibility tile

SettingTypeDefaultDetails
Tile sizeChoiceWide (2x1)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-2
EyebrowTextOne app
HeadingTextEvery ecosystem, one calm app
TextRich textPair once with Matter and control devices fro…
ChipsTextMatter, Thread, Apple Home, Google Home, AlexaComma-separated.
Link labelText
LinkLink

Block: App screen tile

SettingTypeDefaultDetails
Tile sizeChoiceTall (1x2)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-5
ScreenshotImagePortrait app screenshot, about 9:19.
HeadingTextEvery room at a glance
TextRich textA dashboard that shows only what matters.
Link labelText
LinkLink

Block: Text tile

SettingTypeDefaultDetails
Tile sizeChoiceSmall (1x1)Small (1x1), Wide (2x1), Tall (1x2), Large (2x2), Full row
Tile color schemeColour schemescheme-5
EyebrowTextPrivacy
HeadingTextPrivate by design
TextRich textEnd-to-end encrypted. Your data stays in your…
Link labelTextOur privacy promise
LinkLink

Up to 12 blocks.

Blog posts10 settings
SettingTypeDefaultDetails
HeadingRich textFrom the journal
BlogBlog
Number of postsSlider32–6
Columns on desktopChoice32, 3
Show dateOn/offOn
Show excerptOn/offOn
Show "View all" linkOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px
Breadcrumbs6 settings
SettingTypeDefaultDetails
Show current pageOn/offOn
Show "Collections" on collection pagesOn/offOff
AlignmentChoiceLeftLeft, Center

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider160–160px
Bottom paddingSlider00–160px
Collection banner11 settings
SettingTypeDefaultDetails
Color schemeColour schemescheme-1
Show breadcrumbsOn/offOn
Show product countOn/offOn
Show collection descriptionOn/offOn

Image

SettingTypeDefaultDetails
Show collection imageOn/offOn
Image layoutChoiceImage panel beside textImage panel beside text, Text over image
Fallback imageImageUsed when the collection has no image
Use first product image as last fallbackOn/offOff
Overlay opacitySlider7020–100%

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceSmallNone, Small, Medium, Large
Compare devices11 settings
SettingTypeDefaultDetails
EyebrowTextCompare
HeadingRich textFind the right fit
TextRich textSee how this device stacks up against the res…
Compare with collectionCollectionDefaults to the product's first collection.
Products in the tableSlider32–4
Spec metafield keys (custom namespace)Textconnectivity,works_with,hub_required,power,ba…Comma separated. Rows nobody fills in are hidden.
Show price rowOn/offOn
Center headingOn/offOn
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large
Comparison table8 settings · 1 block type

In each row, type yes or no to show a check or a cross. Any other text is shown as written.

SettingTypeDefaultDetails
HeadingRich textWhy we're different
TextRich textSee how we compare to the usual options.
Your columnTextDefaults to your store name.
Second columnTextTypical brands
Third column (optional)Text

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Row

SettingTypeDefaultDetails
FeatureTextPlastic-free packaging
Your valueTextyes
Second column valueTextno
Third column valueText

Up to 16 blocks.

Compatibility guide13 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextCompatibility
HeadingRich textWill it work with my setup?
Use heading as page title (H1)On/offOffTurn on when this is the first section of a page.
TextRich textFind your ecosystem, then check each device c…
Heading alignmentChoiceLeftLeft, Center
First column labelTextEcosystem
Device categoriesTextLighting, Locks, Climate, Cameras, Sensors, P…Comma-separated column headings.
Table captionTextCompatibility by ecosystem and device categoryRead by screen readers.
Show legendOn/offOn
FootnoteRich textEcosystem names are trademarks of their respe…

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Ecosystem row

SettingTypeDefaultDetails
IconChoiceMatterMatter, Thread, Apple Home, Google Home, Alexa, Zigbee, Wi-Fi, Bluetooth, Z-Wave, No hub needed, Hub, Home, Voice, App
NameTextMatter
NoteTextNative
ValuesTextyes, yes, yes, yes, yes, yesOne per category, comma-separated: yes, no, hub, or short text.

Up to 16 blocks.

Contact form10 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextSupport · Online now
HeadingRich textTalk to a human
Use heading as page title (H1)On/offOffTurn on when this is the first section of a page.
TextRich textQuestions about compatibility, setup or an or…
Show phone fieldOn/offOn
TopicsTextSetup help, Compatibility question, Order and…Comma-separated. Leave blank to hide the topic field.
Form panel color schemeColour schemescheme-5

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Contact method

SettingTypeDefaultDetails
IconChoiceMailLight bulb, Smart lock, Thermostat, Camera, Sensor, Plug, Hub, Home, Shield, Energy, Battery, Wi-Fi, Signal, App, Voice, Sun, Moon, Clock, Leaf, Sparkle, Settings, Chip, Power, Check, Padlock, Box, Delivery, Returns, Mail, Phone, Location, Star, Heart, Globe, Matter, Thread, Zigbee, Bluetooth, Voice assistant ring, Home with dot, Home with door, No hub needed
TitleTextEmail
TextRich texthello@example.com
Link labelText
LinkLink

Up to 6 blocks.

Countdown timer13 settings
SettingTypeDefaultDetails
End date and timeTextUse the format YYYY-MM-DD HH:MM in your store's time zone.
Hide section after the end dateOn/offOn
Text after the end dateTextThis offer has ended.
HeadingRich textSale ends soon
Heading sizeChoiceMediumSmall, Medium, Large
TextRich textGet 20% off everything until the timer runs out.
Button labelTextShop the sale
Button linkLink
LayoutChoiceCenteredCentered, Text left, timer right
Timer sizeChoiceLargeSmall, Medium, Large

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px
Custom Liquid5 settings
SettingTypeDefaultDetails
Liquid codeLiquidAdd app snippets or other Liquid code to create advanced customizations.
Full page widthOn/offOff
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
TopChoiceMediumNone, Small, Medium, Large
BottomChoiceMediumNone, Small, Medium, Large
Delivery estimate9 settings
SettingTypeDefaultDetails
Fastest deliverySlider30–30dBusiness days after the order ships.
Slowest deliverySlider50–30d
Same-day dispatch cutoffSlider140–23hIn your store's time zone. Orders after this ship the next business day.
Don't ship or deliver on weekendsOn/offOn
HolidaysTextDays you don't ship, as YYYY-MM-DD separated by commas.
Show time left to orderOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Ecosystem compatibility11 settings
SettingTypeDefaultDetails
EyebrowTextCompatibility
HeadingRich textWorks with your ecosystem
TextRich textKeep the app and voice assistant you already …
EcosystemsChoiceFrom product (custom.works_with)From product (custom.works_with), List below
Ecosystem listTextMatter, Apple Home, Google Home, Alexa, Threa…Comma separated. Also used when the product has no list.
Show short descriptionsOn/offOn
Show toggle switchesOn/offOn
Tile styleChoiceGlowPlain, Glow
Color schemeColour schemescheme-3

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceLargeNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large
FAQ14 settings · 2 block types
SettingTypeDefaultDetails
EyebrowTextFAQ
HeadingRich textQuestions, answered
Use heading as page title (H1)On/offOffTurn on when this is the first section of a page.
TextRich textEverything you need to know before your first…
LayoutChoiceHeading beside questionsHeading beside questions, Heading above questions
Open the first questionOn/offOn
Add FAQ structured data for search enginesOn/offOnUse on one FAQ section per page only.

Support card

SettingTypeDefaultDetails
HeadingTextStill stuck?
TextRich textOur setup team answers within minutes, 7 days…
Button labelTextContact support
Button linkLink

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Question

SettingTypeDefaultDetails
QuestionTextDo I need a hub?
AnswerRich textNo. Most Relay devices connect over Wi-Fi or …

Block: Group heading

SettingTypeDefaultDetails
TitleTextSetup

Up to 40 blocks.

FAQ12 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextFAQ
HeadingRich textQuestions, answered
TextRich textStraight answers before you buy.
Open the first questionOn/offOn
Add FAQ structured data for search enginesOn/offOn

Support panel

SettingTypeDefaultDetails
HeadingTextStill deciding?
TextRich textOur setup team answers in minutes, 7 days a w…
Link labelTextTalk to an expert
LinkLink
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Question

SettingTypeDefaultDetails
QuestionTextDo I need a hub?
AnswerRich textNo. It connects over Wi-Fi or Thread and work…

Up to 20 blocks.

Follow on Shop6 settings

Lets customers follow your store in the Shop app. Requires Shop Pay. [Learn more](https://help.shopify.com/manual/online-store/themes/customizing-themes/follow-on-shop)

SettingTypeDefaultDetails
HeadingRich textNever miss a drop
TextRich textFollow us on Shop to get updates on new arriv…
Center contentOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider320–160px
Bottom paddingSlider320–160px
Hero: device21 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextRelay Hub 2 · Now with Matter
Show status dotOn/offOn
HeadingRich textYour home, quietly in sync.
Heading sizeChoiceExtra largeExtra large, Large, Medium
TextRich textLights, locks and climate that simply work to…
First button labelTextShop devices
First button linkLink
Second button labelTextBuild a starter kit
Second button linkLink

Compatibility

SettingTypeDefaultDetails
Show compatibility listOn/offOn
Chips labelTextWorks with
ChipsTextMatter, Apple Home, Google Home, Alexa, ThreadComma-separated. Icons are matched automatically, e.g. Matter, Alexa, Wi-Fi, No hub needed.

Device stage

SettingTypeDefaultDetails
Device imageImageUse a product shot with a transparent background (PNG or WebP).
Image styleChoicePhotoPhoto, Product cut-outPhoto fills the panel edge to edge. Cut-out suits a product image on a transparent background.
Stage color schemeColour schemescheme-5
Stage patternChoiceGridGrid, Rings, None

Layout

SettingTypeDefaultDetails
LayoutChoiceText left, device rightText left, device right, Device left, text right, Centered (device below)
HeightChoiceFull screenFit content, Tall, Full screen

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Status card

Decorative app-style cards that float over the device. Hidden from screen readers.

SettingTypeDefaultDetails
IconChoiceSmart lockLight bulb, Smart lock, Thermostat, Camera, Sensor, Plug, Hub, Home, Shield, Energy, Battery, Wi-Fi, Signal, App, Voice, Sun, Moon, Clock, Leaf, Sparkle, Settings, Chip, Power, Check, Padlock, Box, Delivery, Returns, Mail, Phone, Location, Star, Heart, Globe, Matter, Thread, Zigbee, Bluetooth, Voice assistant ring, Home with dot, Home with door, No hub needed
LabelTextFront door
StateTextLocked
IndicatorChoiceToggle onToggle on, Toggle off, Live dot, None
PositionChoiceTop leftTop left, Top right, Middle left, Middle right, Bottom left, Bottom right
Kit contents8 settings · 1 block type

Add a block for each device. Without blocks, the custom.kit_includes metafield is listed.

SettingTypeDefaultDetails
EyebrowTextStarter kit
HeadingRich textEverything you need, in one box
TextRich textPre-paired devices that set up together. Add …
Show savings summaryOn/offOn
Summary button labelTextChoose your kit
Color schemeColour schemescheme-2

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Device

SettingTypeDefaultDetails
ProductProduct
Quantity in kitSlider11–10
NoteTextE.g. "Pre-paired to the hub"

Up to 12 blocks.

Logo list7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textStocked by stores we love
LayoutChoiceGridGrid, Single row
Logo heightSlider4020–120px
Show logos in grayscaleOn/offOnColor returns on hover.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Logo

SettingTypeDefaultDetails
LogoImage
Brand nameTextUsed as alt text and shown until a logo is added.
LinkLink

Up to 24 blocks.

Newsletter13 settings
SettingTypeDefaultDetails
EyebrowTextThe Relay letter
HeadingRich textA calmer home, once a month
TextRich textSetup guides, new automations and early acces…
PerksTextMonthly guides, Early access, Unsubscribe any…Comma-separated.
DisclaimerRich textBy subscribing you agree to receive marketing…

Notification card

SettingTypeDefaultDetails
Show decorative notification cardOn/offOn
Card titleTextNew guide: Matter in 5 minutes
Card textTextNotifications · On

Layout

SettingTypeDefaultDetails
LayoutChoicePanelPanel, Full-width band, Centered
Panel color schemeColour schemescheme-3

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large
Press coverage7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textAs seen in
LayoutChoiceOne quote at a timeOne quote at a time, Grid of logos and quotes
Rotate quotes automaticallyOn/offOnOnly for one quote at a time. Visitors can pause it, and it never rotates for visitors who prefer reduced motion.
Change quote everySlider63–12s

Style

SettingTypeDefaultDetails
ColorChoiceSecondarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider560–160px
Bottom paddingSlider560–160px

Block: Publication

SettingTypeDefaultDetails
LogoImage
Publication nameTextPublicationUsed as the logo's alt text, or shown instead of a logo.
QuoteRich textThe kind of product you keep coming back to.

Up to 8 blocks.

Product tabs6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
ProductProductUsed for metafield content. On product pages, the current product is used when this is empty.
Open the first item on mobileOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider400–160px
Bottom paddingSlider400–160px

Block: Tab

SettingTypeDefaultDetails
TitleTextDetails
Product metafieldTextnamespace.key. Used first when the product has a value.
PagePageUsed when the metafield is empty.
TextRich textUse this tab to share materials, care instruc…Used when there's no metafield value or page.
Promo popup15 settings

When to show

SettingTypeDefaultDetails
OpenChoiceAfter a delayAfter a delay, When leaving the page, After scrolling
DelaySlider80–60s
Scroll depthSlider4010–90%
Show again afterSlider71–60dVisitors who sign up never see it again. On touch devices, "When leaving the page" uses the delay instead.
PagesChoiceAll pagesAll pages, Home page only, All pages except cart

Content

SettingTypeDefaultDetails
ImageImage
Image positionChoiceLeftLeft, Top
EyebrowTextWelcome offer
HeadingRich textGet 10% off your first order
TextRich textJoin our list for early access to new drops a…
ActionChoiceEmail signupEmail signup, Button link
Button labelTextSign up
Button linkLinkUsed when Action is Button link.
Success messageTextThanks for signing up! Check your inbox for y…
Dismiss linkTextNo thanks
Promo tiles6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
Center headingOn/offOff
Tile shapeChoicePortraitSquare, Portrait, Landscape

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Tile

SettingTypeDefaultDetails
ImageImage
EyebrowTextLimited time
HeadingTextNew season arrivals
TextRich text
LinkLinkThe whole tile becomes clickable.
Link labelTextShop now
Text positionChoiceBottom leftBottom left, Center, Top left, Below image
Image overlaySlider350–80%Darkens the image so text stays readable; the area behind the text is always darkened a bit more. Not used when text is below the image.

Up to 4 blocks.

Recently viewed7 settings

Shows products the visitor viewed before, stored in their browser. Hidden until there is at least one product. Sample cards only appear in the editor.

SettingTypeDefaultDetails
HeadingRich textRecently viewed
Center headingOn/offOff
Products to showSlider42–8
Columns on desktopSlider42–5

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px
Scenes9 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextAutomations
HeadingRich textOne tap. The whole home follows.
TextRich textScenes bring your devices together, so the ho…
Heading alignmentChoiceLeftLeft, Center
LayoutChoiceImage leftImage left, Image right
Device panel color schemeColour schemescheme-5

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-2

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Scene

SettingTypeDefaultDetails
NameTextMorning
IconChoiceSunSun, Moon, Home, Lock, Shield, Light, Play, Sparkle, Leaf, Clock, Thermostat, Heart, Power, Energy
ScheduleText07:00 · Weekdays
ImageImage
DescriptionRich textBlinds open, lights warm up slowly and the co…
DevicesTextBedroom blinds | Open Kitchen lights | 70% Co…One per line: Name | State. Off, Closed or Paused shows a switched-off toggle.
Button labelText
Button linkLink

Up to 6 blocks.

Scrolling text8 settings · 2 block types

Movement stops for visitors who turn off animations in their device settings, and a pause button is always shown.

SettingTypeDefaultDetails
SpeedSlider31–10
DirectionChoiceRight to leftRight to left, Left to right
Pause on hoverOn/offOn
SeparatorChoiceStarNone, Dot, Star, Leaf, Slash
Text sizeChoiceMediumSmall, Medium, Large

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, Accent
Top paddingSlider160–100px
Bottom paddingSlider160–100px

Block: Text

SettingTypeDefaultDetails
TextRich textFree shipping over $50
LinkLink

Block: Image

SettingTypeDefaultDetails
ImageImage
HeightSlider3216–120px
LinkLink
Setup steps10 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextSetup
HeadingRich textSet up in minutes
TextRich textNo tools, no electrician, no account maze. If…
Setup timeTextAbout 5 minutesThe product's custom.setup_time metafield is used when it's set.
Center headingOn/offOff
Button labelTextRead the setup guide
Button linkLink
Color schemeColour schemescheme-2

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Step

SettingTypeDefaultDetails
IconChoicePlugPlug, Power, App, Wi-Fi, Matter, Thread, Hub, Home, Bulb, Smart lock, Sensor, Camera, Voice, Settings, Sparkle, Check, Clock
ImageImageReplaces the icon.
TitleTextPlug it in
TextRich textPower on the device. The status light breathe…

Up to 6 blocks.

Setup steps11 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextSetup
HeadingRich textUp and running in minutes
TextRich textNo electrician, no hub, no manual. The Relay …
Heading alignmentChoiceLeftLeft, Center
Total time labelTextAbout 5 minutes in total
Button labelTextWatch the setup video
Button linkLink
Card color schemeColour schemescheme-5

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Step

SettingTypeDefaultDetails
IconChoiceBoxLight bulb, Smart lock, Thermostat, Camera, Sensor, Plug, Hub, Home, Shield, Energy, Battery, Wi-Fi, Signal, App, Voice, Sun, Moon, Clock, Leaf, Sparkle, Settings, Chip, Power, Check, Padlock, Box, Delivery, Returns, Mail, Phone, Location, Star, Heart, Globe, Matter, Thread, Zigbee, Bluetooth, Voice assistant ring, Home with dot, Home with door, No hub needed
ImageImageReplaces the icon.
TitleTextUnbox and plug in
TextRich textPower up the device. A soft pulse means it is…
DurationText1 min

Up to 8 blocks.

Shop by room13 settings · 1 block type

Tip: add the "Shop the look" section below to tag devices on a room photo.

SettingTypeDefaultDetails
EyebrowTextShop by room
HeadingRich textStart with a room
TextRich textCurated devices for every space — pick a room…
Heading alignmentChoiceLeftLeft, Center
Link labelTextAll collections
LinkLink
LayoutChoiceFeature first roomEven grid, Feature first room
Columns on desktopChoice43, 4
Tile shapeChoicePortraitPortrait, Square, Landscape
Show device countOn/offOn

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Room

SettingTypeDefaultDetails
CollectionCollection
NameTextLiving roomDefaults to the collection title.
Short lineTextLighting, climate, speakers
ImageImageDefaults to the collection image.
LinkLinkDefaults to the collection.

Up to 8 blocks.

Shop the look9 settings · 1 block type
SettingTypeDefaultDetails
ImageImage
HeadingRich textShop the look
TextRich text
Center headingOn/offOn
LayoutChoiceFull imageFull image, Image with product list
Show product list on desktopOn/offOffThe list always shows on mobile, under the image. Always on with the split layout.

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider480–160px

Block: Hotspot

SettingTypeDefaultDetails
ProductProduct
Horizontal positionSlider500–100%
Vertical positionSlider500–100%

Up to 8 blocks.

Size chart9 settings
SettingTypeDefaultDetails
Link labelTextSize chart
Product metafieldTextcustom.size_chartnamespace.key of a rich text, multi-line text, page or image metafield. Takes priority over the page below.
Fallback pagePageUsed when the product has no size chart metafield.

Show on

SettingTypeDefaultDetails
Product typesTextComma-separated, e.g. T-shirts, Dresses. Leave blank to show on all products.
Product tagTextOnly show on products with this tag. Leave blank to ignore tags.

Style

SettingTypeDefaultDetails
AlignmentChoiceLeftLeft, Center
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Slideshow15 settings · 1 block type
SettingTypeDefaultDetails
Name for screen readersTextFeatured

Layout

SettingTypeDefaultDetails
LayoutChoiceText over imageText over image, Boxed, Image beside text
HeightChoiceLargeSmall, Medium, Large, Full screen, Adapt to image
Image sideChoiceLeftLeft, RightFor Image beside text.
Text on imagesChoiceLightLight, DarkUse dark text for light photos.
Text backdropChoiceNoneNone, Gradient panel, Frosted glassA panel behind the slide text, for busy or bright photos.

Motion

SettingTypeDefaultDetails
Auto-rotate slidesOn/offOnNever rotates for visitors who turn off animations. A pause button is always shown.
Change slides everySlider63–12s
TransitionChoiceFadeFade, Slide, Fade with slow zoom

Navigation

SettingTypeDefaultDetails
Slide indicatorChoiceDotsDots, Numbers, Progress bars, None
Show arrowsOn/offOn
Controls positionChoiceBottom rightBottom left, Bottom center, Bottom right

Style

SettingTypeDefaultDetails
ColorChoicePrimarySame as page, Background, Secondary, Primary, AccentBackground behind images, and the text panel for Image beside text.
Top paddingSlider00–160px
Bottom paddingSlider00–160px

Block: Slide

SettingTypeDefaultDetails
ImageImage
Mobile imageImageOptional. Use a portrait image for phones.
Image captionTextSmall credit in the corner, e.g. Look 01 — Wool coat.

Text

SettingTypeDefaultDetails
EyebrowText
HeadingRich textNew season, new rituals
Heading sizeChoiceLargeMedium, Large, Extra large
TextRich textDiscover what's just landed.
Text positionChoiceBottom leftTop left, Top center, Middle left, Center, Middle right, Bottom left, Bottom center, Bottom right
Overlay opacitySlider300–90%Not used for Image beside text.

Buttons

SettingTypeDefaultDetails
Button labelTextShop now
Button linkLink
Button styleChoiceSolidSolid, Outline
Second link labelTextShown as a text link next to the button.
Second linkLink

Up to 6 blocks.

Stats8 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextBy the numbers
HeadingRich textQuietly reliable, every day
TextRich text
Heading alignmentChoiceLeftLeft, Center
StyleChoiceDividedDivided, Panels, Plain

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Stat

SettingTypeDefaultDetails
PrefixText
NumberText250Plain numbers count up when animations are on, e.g. 250, 4.8, 120000.
SuffixTextk+
LabelTextHomes running Relay
TextTextAcross 32 countries

Up to 8 blocks.

Sticky add to cart3 settings

Shows a bar with an add to cart button once shoppers scroll past the product form.

SettingTypeDefaultDetails
Show product imageOn/offOn
PositionChoiceBottomBottom, Top
ColorChoiceBackgroundBackground, Secondary, Primary, Accent
Stock counter6 settings

Only shows for variants that track inventory and stop selling when out of stock.

SettingTypeDefaultDetails
Show when stock is at or belowSlider101–50
Show stock barOn/offOn
Show "In stock" above the thresholdOn/offOff

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider00–160px
Bottom paddingSlider160–160px
Story16 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextOur story
HeadingRich textTechnology should feel like home
Use heading as page title (H1)On/offOffTurn on when this is the first section of a page.
TextRich textRelay started in a small flat with too many a…
QuoteTextThe best smart home is the one you stop notic…
Quote authorTextFounder, Relay
Button labelText
Button linkLink

Images

SettingTypeDefaultDetails
Main imageImage
Second imageImage
Image positionChoiceLeftLeft, Right
Badge numberTextSince 2019
Badge labelTextDesigned in Lisbon

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Value

SettingTypeDefaultDetails
IconChoiceShieldLight bulb, Smart lock, Thermostat, Camera, Sensor, Plug, Hub, Home, Shield, Energy, Battery, Wi-Fi, Signal, App, Voice, Sun, Moon, Clock, Leaf, Sparkle, Settings, Chip, Power, Check, Padlock, Box, Delivery, Returns, Mail, Phone, Location, Star, Heart, Globe, Matter, Thread, Zigbee, Bluetooth, Voice assistant ring, Home with dot, Home with door, No hub needed
TitleTextPrivate by default
TextRich textLocal processing first. Your home data never …

Up to 8 blocks.

Testimonials12 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextReviews
HeadingRich textHomes that just work
TextRich text
Heading alignmentChoiceLeftLeft, Center
Average ratingText4.8Out of 5. Leave blank to hide the summary.
Summary textTextFrom 12,000+ verified reviews
Columns on desktopChoice32, 3, 4
Card layoutChoiceStaggeredEven, Staggered
Card color schemeColour schemescheme-5

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-2

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Review

SettingTypeDefaultDetails
RatingSlider51–5
TitleTextSet up before my coffee cooled
QuoteRich textPlugged in the hub, scanned two codes and the…
AuthorTextMaya R.
DetailTextStarter Kit · Lisbon
AvatarImage
Show "Verified buyer"On/offOn
ProductProduct

Up to 12 blocks.

Timeline6 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich textOur story so far
TextRich text
Alternate sides on desktopOn/offOn

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider640–160px
Bottom paddingSlider640–160px

Block: Milestone

SettingTypeDefaultDetails
Date or yearText2019
TitleTextWhere it started
TextRich text
ImageImage

Up to 20 blocks.

Trust badges7 settings · 1 block type
SettingTypeDefaultDetails
HeadingRich text
LayoutChoiceRowRow, Grid (2 columns), List (icon beside text)
AlignmentChoiceCenterLeft, Center
Icon sizeSlider3220–64px

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider400–160px
Bottom paddingSlider400–160px

Block: Badge

SettingTypeDefaultDetails
IconChoiceTruckNone, Truck, Lock, Return, Star, Leaf, Heart, Check mark
Custom iconImageReplaces the icon above.
TitleTextFree shipping
TextRich textOn orders over $50

Up to 8 blocks.

Video hero13 settings
SettingTypeDefaultDetails
VideoVideoPlays muted and on loop. Keep it short and under 20 MB.
Or YouTube / Vimeo URLVideo linkUsed when no video is uploaded above.
Cover imageImageShown while the video loads and to visitors who turn off animations.
HeightChoiceLargeSmall, Medium, Large, Full screen
Overlay opacitySlider350–90%
Text positionChoiceBottom leftBottom left, Center, Middle left, Bottom center

Text

SettingTypeDefaultDetails
EyebrowTextNew collection
HeadingRich textMade for slow mornings
TextRich textSmall-batch essentials, designed to be used e…
First button labelTextShop now
First button linkLink
Second button labelTextOur story
Second button linkLink
Wishlist11 settings

Shows the products a visitor saved with the heart buttons. Saved items live in the visitor's browser, so they don't carry over to other devices.

SettingTypeDefaultDetails
HeadingRich textYour wishlist
TextRich text
Center headingOn/offOff
Products per row on desktopSlider42–5
Maximum productsSlider244–48

Empty state

SettingTypeDefaultDetails
TextTextYou haven't saved anything yet. Tap the heart…
Button labelTextStart shopping
Button linkLink

Style

SettingTypeDefaultDetails
ColorChoiceSame as pageSame as page, Background, Secondary, Primary, Accent
Top paddingSlider480–160px
Bottom paddingSlider640–160px
Works with (ecosystems)11 settings · 1 block type
SettingTypeDefaultDetails
EyebrowTextWorks with
HeadingRich textFits the system you already have
TextRich textEvery Relay device speaks Matter, so it pairs…
Heading alignmentChoiceLeftLeft, Center
Link labelTextCheck compatibility
LinkLink
StyleChoiceNetwork lineNetwork line, Rounded tiles, Compact panels
FootnoteTextEcosystem names are trademarks of their respe…

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceMediumNone, Small, Medium, Large

Block: Ecosystem

Icons are original generic symbols, not brand logos.

SettingTypeDefaultDetails
IconChoiceMatterMatter, Thread, Apple Home, Google Home, Alexa, Zigbee, Wi-Fi, Bluetooth, Z-Wave, No hub needed, Hub, Home, Voice, App
NameTextMatter
Short lineTextCertified, future-proof pairing
LinkLink

Up to 12 blocks.

Page template sections (11)

These make up specific pages, such as the header, footer, collection, cart and search pages.

404 page3 settings
SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
TopChoiceMediumNone, Small, Medium, Large
BottomChoiceMediumNone, Small, Medium, Large
Blog post12 settings
SettingTypeDefaultDetails
Show featured imageOn/offOn
Image shapeChoiceWideOriginal, Wide, Panorama, Landscape
Show excerpt below the titleOn/offOn
Show authorOn/offOn
Show dateOn/offOn
Show reading timeOn/offOn
Show table of contentsOn/offOnBuilt from the article’s H2 headings (needs at least two).
Show share linksOn/offOn
Show previous and next articlesOn/offOn

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large
Blog posts14 settings
SettingTypeDefaultDetails
EyebrowTextGuides & news
DescriptionRich textSetup walkthroughs, automation ideas and prod…
Show topic filterOn/offOnTopics come from article tags.
Feature the newest articleOn/offOn
Articles per pageSlider93–24
Columns on desktopChoice32, 3
Image shapeChoiceLandscapeLandscape, Wide, Square
Show excerptOn/offOn
Show dateOn/offOn
Show authorOn/offOff
Show reading timeOn/offOn

Colors

SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large
Cart9 settings

Order notes and the free shipping goal are in Theme settings > Cart.

SettingTypeDefaultDetails
Color schemeColour schemescheme-1
Show hub compatibility reminderOn/offOn
Hubs linkLink
Show product recommendationsOn/offOn
Recommendations headingTextLeave empty for "Complete your setup"
Recommendations shownSlider31–4
Empty cart category linksCollections

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large
Cart drawer8 settings
SettingTypeDefaultDetails
Color schemeColour schemescheme-1
Show accelerated checkout buttonsOn/offOn
Show hub compatibility reminderOn/offOn
Hubs linkLink
Show product recommendationsOn/offOn
Recommendations headingTextLeave empty for "Complete your setup"
Recommendations shownSlider21–4
Empty cart category linksCollections
Collections list10 settings · 1 block type

Add Collection blocks to pick tiles, icons and sizes. Without blocks, every collection is shown.

SettingTypeDefaultDetails
Color schemeColour schemescheme-1
EyebrowTextShop by category
HeadingTextLeave empty to use "Collections"
TextRich text
Sort collectionsChoiceAlphabeticallyAlphabetically, Most products first, Newest first
Maximum collectionsSlider244–48
Show product countOn/offOn
Show description on large tilesOn/offOn

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceMediumNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large

Block: Collection

SettingTypeDefaultDetails
CollectionCollection
Title when no collection is selectedText
ImageImageDefaults to the collection image
Room or category iconChoiceAutomatic from titleAutomatic from title, Room, Lighting, Cameras, Locks and entry, Security, Sensors, Climate, Hubs, Plugs and power, Voice and audio, Kits, Outdoor, Generic
Tile sizeChoiceAutomaticAutomatic, Regular, Wide, Tall, Large
Color schemeColour schemescheme-5
Page4 settings
SettingTypeDefaultDetails
Color schemeColour schemescheme-1
Content widthChoiceNarrowNarrow, Full

Section spacing

SettingTypeDefaultDetails
TopChoiceMediumNone, Small, Medium, Large
BottomChoiceMediumNone, Small, Medium, Large
Password page4 settings
SettingTypeDefaultDetails
HeadingTextSomething smart is on the way
Color schemeColour schemescheme-1

Section spacing

SettingTypeDefaultDetails
TopChoiceMediumNone, Small, Medium, Large
BottomChoiceMediumNone, Small, Medium, Large
Product grid14 settings · 1 block type
SettingTypeDefaultDetails
Color schemeColour schemescheme-1

Grid

SettingTypeDefaultDetails
Products per pageSlider248–48
Columns on desktopSlider32–4
Columns on mobileChoice2 columns1 column, 2 columns
PaginationChoiceLoad more buttonLoad more button, Page numbers

Views

SettingTypeDefaultDetails
Show grid and list view toggleOn/offOn
Default viewChoiceGridGrid, List with specs
Specs shown in list viewTextconnectivity,power,battery_life,warrantyProduct metafield keys (custom namespace), comma-separated

Filters and sorting

SettingTypeDefaultDetails
Enable filteringOn/offOnCustomize filters with the Search & Discovery app
Filter groups open by defaultSlider30–8
Show product counts in filtersOn/offOn
Enable sortingOn/offOn

Section spacing

SettingTypeDefaultDetails
Top paddingChoiceSmallNone, Small, Medium, Large
Bottom paddingChoiceLargeNone, Small, Medium, Large

Block: Need help choosing panel

SettingTypeDefaultDetails
Position in the gridSlider51–24
IconChoiceSparkleSparkle, Info, Hub, Home, Chip
HeadingTextNeed help choosing?
TextRich textCompare hubs, protocols and ecosystems in our…
Button labelTextRead the guide
Guide pagePage
Or linkLinkUsed when no guide page is selected
Color schemeColour schemescheme-5