Product Page and Connected Widgets

 This content is only relevant for native store.

To determine which eCommerce solution you are on, see How do I know if I am using Native eCommerce or Third Party eCommerce?

Note

Native eCommerce is now in open beta, available to all existing Website Builder users.

The Product page is a dynamic page that uses connected data to connect to the Product Catalog. Each product in the Product Catalog generates a dynamic page with the same design and widgets as the original Product page. The widgets are connected to specific fields in the Product Catalog. If you edit the design of the Product page, the change displays on all product pages. And when you make updates to your Product Catalog, the changes display on your product pages. For example, if you update the price of an item in the Product Catalog, the change automatically displays on the corresponding product page.

Note

The Product page cannot be duplicated, deleted, or switched for another page.

Edit Product Page

You can customize the design of the Product page using the native Website Builder editor. For example, you could delete the Buy button and add a Contact Form widget in its place so that shoppers can request a price quote, or you can move any of the default widgets to a new spot on the page.

To edit the Product page:

1. In the side panel, click eCommerce, then click Store Pages.
2. Click Product Page.

From here, you can edit the Product page using the native Website Builder editor.

Update Connected Widgets

You can change which field from the Product Catalog displays in a certain widget on the product pages. For example, you can update the Text widget that displays the price to display the product SKU instead.

To update a connected widget:

1. In the side panel, click eCommerce, then click Store Pages.
2. Click Product Page.
3. Click the widget you want to update.
4. On the Connect tab, use the drop-down menu to select which data field you want to connect to the widget.
5. Click Done.

Any widget you successfully connect to the data in the Product Catalog is marked with a blue Connected Data () icon.