Skip to main content
The Storefront CMS is a full WYSIWYG visual editor. You edit your store directly on a live preview — what you see is exactly what customers see. Supports images, video backgrounds, responsive preview, and drag-to-reorder sections. No coding required.

Hero Banner

Sections & Layout

How to edit your storefront

1

Open the CMS editor

Open the CMS editor from Setup in the sidebar.
2

Choose media mode

Click the media mode you want: Image, Video, or Text.
3

Upload hero content

Upload your hero image or video, then set your heading and button text.
4

Manage featured sections

Scroll down to manage Featured Products and Categories.
5

Reorder sections

Use Section Order to drag and reorder homepage sections.
6

Preview

Switch between Desktop and Mobile preview to check responsiveness.
7

Publish

Click “Save” to publish. Changes go live immediately.
Use high-quality hero images or short looping videos for maximum visual impact. Keep headings short and bold. Always check the mobile preview — most customers browse on their phones. Update your storefront seasonally or for promotions.