Page Builder
Build and customize your marketplace pages with our intuitive page builder interface.
Overview
The Page Builder is where you create and edit your marketplace pages. It consists of three main areas: the Sidebar for page navigation, the Preview Area for viewing your content, and the Toolbar for device previews and actions.
How It All Works Together
Building pages involves two connected tools: the Page Builder for managing pages and adding components, and the Visual Editor for fine-tuning individual elements. Here's the typical workflow:
Visual Editor & AI Assistant
When you click "Edit" in the toolbar, the Visual Editor opens as a sidebar on the right. Select any element to modify its properties manually, or use the AI assistant to make changes with natural language like "make this text larger" or "add a testimonials section."
Learn more about the Visual EditorInterface Layout
/The Sidebar
The sidebar on the left shows all your marketplace pages and provides quick actions:
Drag to Reorder
Drag pages by the grip handle to change their order. The frontpage always stays at the top.
Create New Page
Click the + button to add a new page. Choose a name, icon, and whether it's protected (requires login).
Page Actions Menu
Click the three dots (⋮) on any page for options: Rename, Duplicate, Publish/Unpublish, Make Protected, Settings, or Delete.
Component Library
Click the layers icon to open the component library. Drag components onto your page to add them.
Page Status Indicators
The Toolbar
The toolbar at the top of the preview area provides device previews and editing controls:
Device Preview
Switch between Desktop, Tablet (768px), and Mobile (375px) views to see how your page looks on different devices.
Edit Mode
Click "Edit" to enter visual editing mode. This enables element selection and opens theVisual Editorsidebar where you can modify styles, content, and use the AI assistant.
Preview Button
Opens your page in a new tab for accurate responsive testing. Use this for the most accurate preview.
Publish/Discard Changes
When you have unsaved changes, "Publish Changes" and "Discard" buttons appear. Publish to make changes live.
System Pages
Your marketplace includes automatic system pages that you don't need to create manually:
- Listings - Displays all marketplace listings with search and filters
- Product Detail - Individual listing pages
- Cart - Shopping cart for buyers
- Checkout - Stripe-powered checkout flow
- Become a Seller - Vendor onboarding with Stripe Connect
- Seller Dashboard - Vendor dashboard for managing listings and orders
💡 Note
System pages are previewed in an iframe and configured in Store Settings rather than the Page Builder. This ensures they work correctly with your payment and vendor systems.