Wix Stores: Customizing the New Product Page

5 min read

Wix's new fully-customizable Product Page lets you bring your design vision to life. Start by customizing the page's global settings, like hiding elements you don't need and selecting your main layout options. Then, adjust other parts of the Product Page to get the perfect look.

Tip:

The Product Page is a dynamic page. That means that you customize it once. The changes you make apply to each of your products.

Want to see how your design will look when applied to other products? Simply select a product from the Preview Toolbar.

Screenshot of product page with the Preview Toolbar product selector

Step 1 | Customize the global settings

Start by customizing the settings that apply to the entire page. Click the Product Page once in the Editor to display the global settings.

Screenshot of the global settings toolbar in the Product Page

Manage Products: Click to open the dashboard and add or edit products.
Choose Layout: Select layout settings that apply to the entire Product Page.
Tip: Later, you can select a layout for your product image display.
Elements: Deselect the checkbox next to any element you want to hide from your Product Page.
Tip: You may not see some visible elements if they are not relevant to the product you're currently viewing. For example, to view the Product Options element, select a product that has options.
Design: While you can design each element separately, some of the important elements are collected here for your convenience.
Stretch: Stretch to the full width of your page (not relevant for the Studio Editor).
Plugins: Add plugins that work hand-in-hand with the Product Page, such as Wix Reviews or the Wishlist.

Step 2 | Customize individual Product Page elements

Now you have the option of customizing each of the elements you chose to display. Your first click brings up the global settings. Then, click any of the individual elements (e.g. the product name element) to view the available customization options.

Gif showing clicking on elements to display the customization choices

Note that some elements, such as the Action Buttons, have different states that need to be selected before you can view and customize them.

By default, only the Add to Cart and Buy Now buttons are visible. However, after clicking the buttons, you can select other options from the Action Buttons drop-down. These include the Out of Stock button and the Subscribe Now button.