Visual Page Editor
Building Pages with the Visual Editor
Cartly's visual editor lets you create custom pages using a drag-and-drop interface. Build landing pages, about pages, and promotional content without writing code.
Opening the Editor
Navigate to Online Store ā Pages and create a new page or edit an existing one. Click Edit with Visual Editor to open the drag-and-drop interface. The editor shows a live preview of your page alongside the block palette.
Adding Sections
The left panel shows available section types. Click or drag a section to add it to your page. Available sections include:
- Hero Banner ā Full-width image or color background with title, subtitle, and call-to-action buttons
- Rich Text ā Formatted text content with headings, paragraphs, lists, and links
- Image with Text ā Side-by-side layout with an image and text content
- Feature Grid ā Grid of feature cards with icons, titles, and descriptions
- Product Grid ā Display selected products or a collection in a grid layout
- Testimonials ā Customer quotes with attribution
- Video ā Embed YouTube or Vimeo videos
- FAQ ā Expandable accordion-style questions and answers
- Newsletter Signup ā Email collection form
- Custom HTML ā Raw HTML for advanced customization
Editing Section Content
Click any section in the preview to select it. The right panel shows the section's settings where you can edit text, change images, adjust colors, and configure layout options. Each section type has settings specific to its content.
Reordering Sections
Drag sections up or down in the page to reorder them. The preview updates in real time as you move sections around. This makes it easy to experiment with different page layouts.
Section Settings
Each section has common settings:
- Background ā Color, image, or gradient
- Padding ā Top and bottom spacing
- Width ā Full width or contained
- Visibility ā Show or hide on mobile/desktop
Preview and Publish
Use the preview button to see your page as it will appear on the live storefront, including mobile and desktop views. When you are satisfied, save the page and set its status to Published. The page becomes available at its URL immediately.