Skip to content
Designer

A visual page designer for your storefront

Build and edit storefront pages visually with the Designer. Set your colors, fonts and spacing once, and every page follows.
Get started
See pricing

The Designer comes with every store. No developer needed to change a page.

Colors, fonts and spacing set once in Appearance apply to a storefront page you edit section by section in the Designer.AppearanceColorsFontsAaSpacingDesigner
Who it's for

No developer in the loop

Whoever runs the store can change it.

  • A gift shop with a weekend sale

    Change the home page banner on Friday night and put it back on Monday, without waiting for anyone to write code.

  • A brand with a style guide

    Your style guide names the colors and the typeface. Enter them once in Appearance, and every page you build uses them.

Change a page today, not next sprint

  1. Edit pages without code

    Open a storefront page in the Designer, add or rearrange sections, and change text and images in place. Move a section higher, swap a photo or rewrite a heading for a launch.

  2. Keep every page on brand

    Pages read their colors, fonts and spacing from Appearance. Change a color there and the whole storefront follows. Headings, buttons and spacing match from the home page to the last landing page.

  3. Reuse what works

    Export pages and blocks from one store and import them into another, so a launch page is built once. Keep the export, and a seasonal page is ready to bring back next year.

Features

Pages, styles and images in one place

Edit a page, its images and its colors without leaving the admin.

  • Visual page editing

    Build and edit storefront pages visually, section by section, and see the result as you go.

  • Appearance settings

    Set your colors, fonts and spacing once, and the whole storefront follows.

  • Theme presets

    Start from a preset in Appearance, then adjust it to match your brand.

  • Custom fonts

    Upload your own font files and use them across the storefront.

  • CSS and JavaScript snippets

    Add your own CSS or JavaScript snippets when a page needs something extra.

  • Media library

    Upload and organize images in one media library, then place them on any page.

  • Copy pages between stores

    Export pages and blocks from one store and import them into another.

  • Mobile-first pages

    The Designer edits the mobile-first headless storefront that every store starts on.

  • Menus

    Build your menus once and they appear in the header, mobile drawer and footer.

How it works

Your first page in the visual page designer

You work in your admin the whole time. There is nothing to install.

  1. Step 01

    Set your style

    Pick a preset in Appearance, then set your colors, fonts and spacing.

  2. Step 02

    Build the page

    Open a page in the Designer. Add sections, write your copy and place images from the media library.

  3. Step 03

    Save the page

    Save your changes. The page follows the colors, fonts and spacing you set in Appearance.

Resources

Guide

FAQ

Frequently asked questions

A visual page designer lets you build a web page by placing and editing sections on screen instead of writing code. In Stoily it is called the Designer, and it edits the pages of your storefront.

No. You add sections, type your text and pick images in the Designer. If you do write code, you can add your own CSS or JavaScript snippets.

Yes. Upload your font files and set your colors, fonts and spacing in Appearance. Every page in the Designer uses them.

Pages take their colors, fonts and spacing from Appearance, so a change there shows on every page that uses it. You do not edit pages one by one.

The Designer and Appearance style the headless storefront, which every store starts on. If you switch your store to theme mode, your Magento theme controls the look.

Yes. Export pages and blocks from one store and import them into another. This helps when you run several brands or a store per region.

Works with

Design your storefront with Stoily

Build pages visually, keep them on brand, and reuse them across stores.

Get started
See pricing