Page builder

The page builder lets you create custom pages for your store without writing code. Build landing pages, about pages, and promotional content with drag-and-drop components.

Accessing the page builder

1. From your admin, go to Design > Pages
2. Click Create Page or edit an existing page
3. The page builder opens with your editing tools

Page builder basics

Components

Components are the building blocks of your pages:

• Text - Headings, paragraphs, and formatted content
• Images - Single images or galleries
• Buttons - Links styled as clickable buttons
• Product grids - Display products from your catalog
• Spacers - Add vertical spacing between elements

Adding components

1. Click Add Component or the + button
2. Choose a component type
3. The component appears on your page
4. Configure its settings

Editing content

Text editing

Click on any text to edit it directly:

• Change text content
• Apply formatting (bold, italic, links)
• Adjust alignment

Component settings

Click on a component and use the settings panel to:

• Change colors and sizes
• Adjust spacing and alignment
• Configure behavior

Arranging components

Reordering

Drag components up or down to change their order:

1. Hover over a component
2. Click and drag the handle
3. Drop in the new position

Deleting

To remove a component:

1. Select the component
2. Click the delete icon
3. Confirm the deletion

Publishing pages

When your page is ready:

1. Click Preview to see how it looks
2. Make any final adjustments
3. Click Publish

Your page is now live on your store.

Page URL

Set a custom URL for your page:

1. In page settings, find URL handle
2. Enter your desired path (e.g., "about-us")
3. Save

Your page will be accessible at yourstore.com/about-us

Page templates

Save time with templates:

• Start from a pre-built layout
• Duplicate existing pages as starting points
• Create your own templates for reuse

Next steps

• Upload media for your pages
• Add products to display in grids
• Set up navigation to link to your new pages