New Feature

The New Storefront Editor: Design Your Store Right on the Page

Stashlify Team

Your online store shouldn't look like everyone else's. Edit text, colors and layouts right on the page, design every part of your store, and never lose your work.

Your online store shouldn't look like everyone else's. The new Storefront Editor lets you build and customize your own store, no coding and no designer needed. Change layouts, add your branding, and launch in minutes. Everything stays synced with your inventory, so there's no separate system to manage.

Edit right on the page:

  • Type directly on your store — click a heading or a paragraph on the preview and start typing
  • Click to change it — click any text, button or picture on the preview and the editor jumps straight to its setting, or opens its style options (color, size, spacing)
  • Drag to rearrange — move whole sections up and down the page, or reorder the blocks inside a section, and watch the change as you drag
  • Bold, italics and links in your text, and pictures picked straight from your store's own product images
  • A bigger work area — see your store at real size, zoom in and out, move around the page, and hide the panels when you want to focus

Design every part of your store:

  • Header and menu — build your own menu one item at a time, with a search box, badges and opening animations
  • Footer — design the bottom of every page with your columns, links, logo and a newsletter sign-up
  • Product pages — arrange the buy box, pictures and details, and add "Bought together" and "Recently viewed" sections
  • Collection, category, brand and sale pages, plus your login and sign-up pages, all in your store's look
  • Ready-made looks — start from a complete design and preview it before you switch, with your content carried over
  • More sections — product highlights, quick order, stock counters, a page gallery, image accordions, quizzes, pop-ups and more
  • Your brand everywhere — save your brand colors once and pick them in any section, choose any Google font, and preview store-wide changes before they apply

Looks great on phones:

  • Change how any section looks on phones only, without touching the computer view
  • Check the phone view before you publish — see your saved draft at real phone size, right inside the editor

Never lose your work:

  • Undo and redo every change (Ctrl+Z / Ctrl+Y, or ⌘Z / ⌘⇧Z on a Mac)
  • Name each version when you publish, preview any past version, and bring it back in one click
  • If someone else on your team changes the same page, the editor warns you before anything is overwritten
  • New to the editor? Tap Need a guide? for a quick tour, and short hints explain the settings whose names aren't obvious

See it live: demo.stashlify.com and demo2.stashlify.com. Questions? Send us a message on Facebook, we're happy to walk you through it.

storefronteditordesign
Chat with us on Facebook