Editor & design
The canvas, blocks, brand styles, and how your site looks on mobile.
12 articlesReadingReviewed
- Getting to know the editor: Essential mode vs. Advanced optionsLearn when to use direct canvas editing with the context bar and when to turn on Advanced options for Insert and the Inspector.5 min readOctober 17, 2026Read
- Designing for desktop, tablet, and mobile (Breakpoints & Zoom)How style cascading works across desktop, tablet, and mobile, how to hide elements per screen, and how to use canvas zoom.5 min readOctober 17, 2026Read
- Adding and organizing sections with Templates and Page designsAdd ready-made sections that adopt your brand colors, switch your shop or blog layout in one click, and save your own sections.5 min readOctober 17, 2026Read
- Inserting elements and blocks on the canvasEvery element in the Insert panel: layout containers, text, photos, videos, buttons, navigation, and interactive components.6 min readOctober 17, 2026Read
- Editing text, links, and buttons on the canvasType directly on the page, format rich text, and connect buttons or links to pages, sections, catalog offers, or WhatsApp.5 min readOctober 17, 2026Read
- Brand style: Logo, Color palettes, and TypographySet up your light and dark logos, the 9 global site colors, and Google Fonts for headings, paragraphs, and labels.5 min readOctober 17, 2026Read
- Global styles for Buttons, Cards, Sections, and Icons (Tokens)What Style tokens are, how to customize buttons, cards, sections, and icons, and when to unlink an element with Change here only.5 min readOctober 17, 2026Read
- Style combinations and site AnimationChange your entire site's visual look in one click with Style combinations and configure automatic scroll animations.4 min readOctober 17, 2026Read
- Managing images, videos, and files in the editorSearch free professional photos, upload your own images or MP4 videos, adjust framing, focus, textures, and embed YouTube or Vimeo.5 min readOctober 17, 2026Read
- Setting up the navigation bar, top banner, and footerCustomize your global menu, dropdowns, search, cart icon, promo banner, and site footer with automatic legal policy links.5 min readOctober 17, 2026Read
- Using the advanced Inspector and the Layers panelMaster the Layers tree and every Inspector group: Layout (Flex & Grid), Size, Visual, Effects, Animation, and Components.6 min readOctober 17, 2026Read
- Using the AI assistant inside the editorAsk the AI assistant to write copy, add sections, or update colors and styles across the whole page or on a single element.4 min readOctober 17, 2026Read