Once you've added products or services to sell, you can create a dedicated shop page on your Durable website to showcase them. This article guides you through adding your shop page, customizing its appearance, and making quick edits to your products directly from your live site.
Add a Shop Page to Your Website
After you've created your first product or service in the Sell section, you can add a page to your website that displays all your offerings.
From your Durable dashboard, click Website in the left sidebar.
In the website editor, click Other pages in the top menu bar.
Select Add page.
Choose Items from the list of page types.
Click Add page to confirm.
This new page will automatically display all your published products and services, acting as your main online storefront.
Customize Your Product Display
You can adjust how your products appear on your shop page directly within the website editor.
From the website editor, navigate to your Items page.
Hover over the section displaying your products until a menu appears.
Click the Design icon (a paintbrush).
In the design panel, select the Layout tab to choose how your products are arranged. Options might include:
Displaying product images on the left or right.
Using a grid layout with multiple columns.
Showing a single featured product prominently.
Select the Customize tab to change the background color, text color, and other visual elements of the product section to match your brand.
Once satisfied with your changes, click the back arrow to exit the design panel.
Your website will update in real time to reflect your chosen display settings.
Edit Products Directly from Your Website
You can make quick adjustments to your product details without leaving the website editor.
From the website editor, navigate to your Items page or any page where a product is displayed.
Hover over the product you wish to edit.
Click the Edit items option that appears.
A modal will open, similar to the product editing interface in your Sell dashboard. Here you can:
Update the product name or description.
Adjust pricing.
Change its visibility (publish or unpublish).
Modify images or add custom questions.
Click Save to apply your changes.
The updates will be immediately visible on your live website.
Ideas to Try
Highlight a best-seller: In the Layout tab of your product section's design options, choose a layout that features one product prominently to draw attention to your most popular item.
Create a clean product grid: Select a multi-column grid layout to display many products clearly and allow customers to browse your full catalog efficiently.
Match your brand colors: Use the Customize tab in the design panel to select background and text colors for your product section that align with your website's overall theme.
Quickly update a price: If a sale ends or a price changes, use the Edit items option directly on your website to update the price in seconds without navigating away from your site preview.
What's next
Now that your shop page is set up, learn more about managing your inventory and sales in Track and Fulfill Customer Orders.