Skip to main content

How to Edit Store Pages and Customise Their Appearance

Written by Kyle Sawyer

Overview

The Web-to-Print storefront includes a visual page editor that lets you customise the layout, content, and styling of your store pages. You can modify existing pages like the home page, and create entirely new pages such as a pricing or about page.

Prerequisites

  • You are logged in to the storefront admin interface

Editing an existing page

  1. Navigate to Pages in the storefront admin.

  2. Select the page you want to edit (e.g. the Home page).

  3. Click Edit to open the visual page editor.

Within the editor, you can:

  • Add content elements such as comparison tables, social proof sections, text blocks, and HTML blocks.

  • Style elements by adjusting colours, backgrounds, and layout options.

  • Rearrange elements by dragging and dropping them into position.

  • Edit content within elements by clicking on them directly (e.g. changing table values or section text).

Once you’re happy with the changes, click Publish to save and make them live.

Tip: You can preview changes on the live storefront by refreshing the store URL after publishing.

Creating a new page

  1. In the Pages section, click Create a Page.

  2. Enter a name for the page (e.g. “Pricing”).

  3. Choose a template (e.g. Blank) and click Create Page.

  4. Use the visual editor to add content and style the page.

  5. Click Publish to make the page live.

Note: New pages are created in Draft status by default. You must change the status to Published before they become accessible on the storefront.

Accessing your new page

Once published, custom pages are accessible at your store URL followed by a slash and the page name. For example, if your page is called “Pricing”, it would be available at yourstoreurl.com/pricing.

Available page elements

The page editor supports a range of content elements, including:

  • Comparison tables — useful for displaying product or plan comparisons

  • Social proof sections — for testimonials, client logos, or trust badges

  • Text blocks — free-form text content

  • HTML blocks — for embedding custom code or third-party widgets

What’s next?

With your storefront designed, you’re ready to understand the ordering process. See: How to Place an Order and Manage Order Approvals.

Did this answer your question?