Design & visual editing
Work with branding, elements, logos, and the live preview.
Branding & appearance
Use the project’s branding and appearance controls to change supported colors, names, artwork, and presentation settings. Each installed template determines how those values appear.
The preview updates while you work. Desktop and mobile preview controls help you check the result at different widths; they are not a substitute for checking the final published preview.
Select an element
Choose Edit mode, then click text or artwork in the preview. Use the element inspector to change supported content, styling, and position. Drag selected artwork or its move handle to reposition it.
Links and controls can still work in the preview. Use “Select a control” or Alt-click when you want to inspect an interactive element instead. Escape clears the selection.
Undo and redo apply to visual edits in the current editing session. Save changes to persist your draft.
Create your own wordmark
The logo editor creates layered lettering with editable colors, outlines, and supported decorative assets. Move, resize, rotate, and reorder its elements to build your composition, then apply it to the project.
Preview and PNG export use the same shared logo compositor. You can download a transparent PNG for use outside the storefront. Generated logo image sources are managed by the logo editor; other supported visual positioning and styling remain available.
Custom code
The code editor supports custom storefront HTML and CSS for accounts with the required add-on access. Enabling a custom storefront changes which visual-editing controls apply.
Keep a saved copy of your project before making a large change. Uploaded project packages do not grant code-editor or paid-template access.