A process, step by step. A Sideways scroller puts steps, pictures or chapters in a row. As visitors scroll down, the block holds still and the row travels sideways, so a single scroll takes them through every step. It suits a way of working, how a product is made, or a company's story.
It works best with three to eight steps, each with a short title, a sentence or two and, ideally, a picture.
You can switch the layout at any time without rewriting the steps.
Cards side by side, with a picture on top and the title and text below. The most versatile layout.
Tall pictures with the title and text over them. It looks best when every step has a good picture.
One wide step at a time, beside a giant step number. A counter above shows which step the visitor is on.
Keep scrolling down: the row moves sideways until you reach the end.
Coffee, an apron and a quick tour: we show you where everything is and what we'll make today.
The first step on the wheel: you steady the spinning clay with both hands until it runs true.
You open the centre with your fingers and slowly draw up the walls of the bowl.
If the wheel isn't for you, you cut and join a plate or a mug from a rolled-out slab of clay.
In the wood shop you carve a pattern into a walnut bowl we have turned for you.
The wooden bowl goes home with you the same day; the ceramics are ready in about three weeks, after drying and two firings.
Swipe or scroll the pictures sideways.
Coffee, an apron and a quick tour: we show you where everything is and what we'll make today.
The first step on the wheel: you steady the spinning clay with both hands until it runs true.
You open the centre with your fingers and slowly draw up the walls of the bowl.
If the wheel isn't for you, you cut and join a plate or a mug from a rolled-out slab of clay.
In the wood shop you carve a pattern into a walnut bowl we have turned for you.
The wooden bowl goes home with you the same day; the ceramics are ready in about three weeks, after drying and two firings.
Scroll down and the steps appear one after another.
Coffee, an apron and a quick tour: we show you where everything is and what we'll make today.
The first step on the wheel: you steady the spinning clay with both hands until it runs true.
You open the centre with your fingers and slowly draw up the walls of the bowl.
If the wheel isn't for you, you cut and join a plate or a mug from a rolled-out slab of clay.
In the wood shop you carve a pattern into a walnut bowl we have turned for you.
The wooden bowl goes home with you the same day; the ceramics are ready in about three weeks, after drying and two firings.
On scroll or by swiping. The Movement setting offers two options. "Moves sideways as the page scrolls": the block holds still while the visitor scrolls down, and the row travels sideways. "Swipe or scroll sideways": a plain row the visitor swipes, or moves with the arrows.
Nobody gets stuck. On a phone, in a narrow column, and for visitors whose device asks for less motion, the scrolling version becomes a swipeable row too. Search engines get the text of every step.
Apart from the steps, every field is optional.
The heading at the top of the block, with a short line under it.
Each step has a title, a sentence or two, a picture and an optional link. Change the order with the arrows.
When on, each step gets a number, so the order is clear at a glance.
The label of the steps' links. Left empty it reads "Read more", and it only shows on steps that have a link.
Pick each picture from the media library and set its focal point with a click. Screen readers read out its ALT text.
The titles, the texts and the link label are written separately for each language.
When the steps should be seen at once, without scrolling through them.
One journey, start to finish
Short steps and good pictures are all it takes.