Skip to documentation

Step · How It Works

Controls for the Step content block inside How It Works.

Where to find it

Open How It Works in the theme editor, then select or add its Step block.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Step Image
Choose an image from your shop. Preview its crop on desktop and mobile.
Starter image
Optional bundled photography. An uploaded step image always takes priority.Options: None · Skincare · Supplement · Matcha · Pet supplement · Shapewear · LED mask · Vacuum
Starter image viewConditional
Choose the presentation or source that fits this component.Options: Product · Detail · Lifestyle · Portrait · Product details graphic
Step Title
Edit the text shown by this component.
Step Description
Use the matching control in the theme editor and preview the component before publishing.
Accent colorConditional
Choose a local color when the relevant custom source is enabled.
Fallback image URLConditional
Optional image URL when no image is selected. Use an owned permanent Shopify CDN URL.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗