Shoppers buy from a brand they understand. These sections tell them who you are, what you leave out and why, without a wall of text.
The scroll storytellers
| Section | What it does |
|---|---|
| Statement | One large sentence lights up word by word as the visitor scrolls |
| Pinned story | A story told one picture at a time; each step holds the screen |
| Free from | What your formulas leave out, crossed out one by one |
| Kinetic scroll typography | Short lines that move as the page scrolls, with pictures set between the words |
| About story | A mission quote, the founder's signature, and a timeline |
| Scroll film | A film the scroll plays: see The scroll film |
Set up Free from
Add the Free from section. Write the Eyebrow, Heading and Text.
Add an Item block for each thing you leave out, with its Name and Why it is left out in one sentence.
Give each item an Image. It shows in the circle as that item is crossed out.
Leave Hold the screen while each one is crossed out on for the full effect on wide screens, or turn it off and each line is crossed out as its row comes into view.
Words that move
In Kinetic scroll typography, write up to six short lines in First text block to Sixth text block. Set a word in italics (the I button) to color it with Highlight text color (em tags), and add up to four pictures, which sit between the words.
The Statement and the Pinned story
- Statement: write one sentence of 15 to 30 words. Put
*asterisks*around a word to set it in the accent color. With Hold the screen while it is read on, the page waits until the sentence is lit. - Pinned story: add a Step block for each part of the story, each with a Picture, Heading and Text. Time each step holds the screen sets how long each step stays.
Calm sections for longer reading
Image with text, Multicolumn, Multirow and Rich text never move. Use them for shipping promises, how-to steps or a longer story. The Flexible section lets you build any layout from blocks: headings, text, buttons, pictures, films, product cards, questions and quotes.
Every scroll effect has a still version. Words appear lit, items appear crossed out, and steps appear one after another, so nothing is lost.
Further reading on the iVishwa blog: How to build a beauty brand home page on Shopify that sells
Was this guide helpful?
Still need help?Write to us with your shop's address and a screenshot. We reply within two business days, Monday to Friday, usually sooner.
Contact support