Scroll stories: pinned, sideways, zoom and giant words
Sections that move with the scroll. A story stays pinned while its pictures change, the page moves sideways, a picture zooms open, giant words slide behind your product. They come with every plan.
PLANSEvery plan
The problem it solves
- Your product page is a picture and three paragraphs, and visitors scroll past it in a second.
- A designer quoted weeks of custom animation work for one launch page.
- The story of how you work is a long wall of text that nobody finishes.
How it works
- Press + Add section and open the Scroll stories group.
- Pick a section: Pinned story, Sideways scroll, Zoom reveal, Statement, Stacking cards or Giant words.
- Fill in the words and pictures like any section, and pick its layout.
- Or let AI build a whole page: Pages tab > Make a scroll story with AI. Answer a few questions about the journey and the feel.
- Visitors who turned motion off on their device see the same content without the movement.
Everything it does
The sections
- Pinned story: the picture stays while the steps scroll past. The picture is left, right or full screen, and it fades, slides up or zooms in. Optional step counter
- Sideways scroll: the page moves sideways as you go down; cards, big pictures or numbered steps
- Zoom reveal: a picture grows to fill the screen, opens from a circle, or opens like doors, with words once it is full
- Statement: words light up, are typed out or slide in line by line, with numbers that count up
- Stacking cards: cards stack up, or full-screen panels slide over each other
- Giant words: words change or slide past behind a cut-out picture of your product
With Scale
- Scroll film: a video that plays forward and back as the visitor scrolls
- 3D model: a model that turns with the scroll or the visitor's finger
Make a scroll story with AI
- Questions: what the page is about, what to show first and in what order
- Then: what visitors must believe, where calm and where intense, what they do at the end
- The feel: Calm, Cinematic or Bold, which also sets the motion preset
- Makes a page of 5 to 9 scroll sections with your own pictures, in about a minute
- Uses your plan's AI credits
Who uses it
Website EditorAdds and fills scroll sections, or has AI draft the page.
Marketing or founderUses them for launch, product and about pages.
Where you use it
- Web: the editor, + Add section > Scroll stories, and Pages tab > Make a scroll story with AI
- On your website: on computers and phones
What you control
Settings
- Per section: layout, words, pictures and the options listed above
- Site-wide motion: the motion presets in the Design tab
Questions
Do I need the Scale plan for scroll stories?
No. Pinned story, Sideways scroll, Zoom reveal, Statement, Stacking cards and Giant words are on every plan. Uploading scroll films and 3D models needs Scale.What about visitors who get sick from motion?
Visitors who turned motion off on their device see the content without the movement.Do these work on phones?
Yes. Every section is drawn for phones too.Can AI write the whole page?
Yes. Make a scroll story with AI asks about the journey and the feel. It then adds a page of scroll sections that you change like any page.Related features
BRANDS AND LARGER SHOPSScroll films, made from your video or with AIA film that plays forward and back as the visitor scrolls: a product turning, a camera moving through your hotel. Upload your own video, or have AI make a clip from a description or from a first and last picture.BRANDS AND LARGER SHOPS3D models visitors can turnShow a product or a building as a 3D model. It turns as visitors scroll, or they turn it with the mouse or a finger. Supported phones can show it in their own room.BRANDS AND LARGER SHOPSMotion presets for the whole siteOne click sets how your whole site moves: Still, Calm, Cinematic or Bold. A preset sets the animation, the background texture and the scrolling options together, and you fine-tune each part afterwards.BUILDING THE SITEShaped edges, backgrounds and animation on scrollGive each section its own background: colour, gradient, glow, picture or video. Draw its edges as a wave, slope, curve or torn paper, and choose how it appears on scroll. Visitors who turned motion off on their device see a still page.BUILDING THE SITEWrite with AI on any textPress the AI button next to any heading or paragraph. AI says it another way, shorter, longer, friendlier or more formal, as a headline, or fixes the spelling. AI also describes your pictures.
See your business on a real design.
Tell us what you do and what the site needs to do: bring enquiries, take bookings, show your work or sell. We will start your site from the closest design with you.