In this article, I will explain how you can use the Wix Product Page Builder to create fast loading and beautiful product pages.


Where to find the Widgets?
After installing the app in your Wix Editor or Wix Studio website, the widgets will be added to your element window. From here, you can add the widgets just like a normal element.

Adding the Widget
To add a widget, first add an empty section and simply drag and drop the widget design of your choice. Next, select the stretch responsive behavior from the responsive behavior.

You can change the settings of the widgets as a whole element, such as margin, animation, color, shadow, border, corner, and more.
Widget Settings
To assign the product category and products per load, go to the widget settings. This will open a panel with settings for choosing the product category and product per load.

Widget Settings
The widget settings allow you to show the product category of your choice. Some widgets also have the option of product sorting.
You need to select all the settings in the widget to showcase the products of your choice. For example, if you want to sort products in ascending order, change the state of dropdown to ascending.

Widget Presets
The widget presets help you make your product page responsive. Go to change preset option where you can find different presets for Desktop, Tablet, and Mobile devices. The Auto Responsive presets in widget use grid cells and can automatically adopt to any device size. If you are using the Classic Wix Editor, this is the best option for you.

How to Increase Performace of Product Page in Wix
The products in the product page builder app are tailored for maximum performace and can easily attain a speed score of 95+ for both mobile and desktop. For this, the only step you have to take is add a header section first before the product section. This will give the product widget time to load.

Comments