A product group is a set of related products displayed on the identical product page or product card as variants. By grouping products under a single page, customers can easily browse and select from different options, such as color, size, or style, without the need to visit multiple pages. This creates a more seamless and user-friendly shopping experience, as all the variations are conveniently available in one place, reducing friction in the buying process and increasing the likelihood of conversion.
Click the “Create group” button from the product group management interface.
At this point, three options will appear: manual - single group option, manual - multiple options, and automation. In this article, we’ll cover how to create a manual - single option group.
In the group creation interface, fill in the required details, including:
Group Name: A name to distinguish and efficiently manage the group.
Option Name: The name of the option by which the products will be grouped (e.g., color, style, etc.).
Appearance (on the Product page and on the Product card): How the options in the group will be displayed on the storefront and product card. There are currently 8 display options: Button, Pill Button, Circle Swatch, and Square Swatch…
Product List: A list of products in the group. A product cannot belong to more than one group at the same time.
For swatch appearance, you can choose how options are displayed: using one color, two colors, or an image.
You can also arrange the order of products and preview how the group will appear on your storefront here.
Once you’ve entered all the necessary information, click “Save draft” to save your work as a draft or "Publish" to make the group live on your store. The app will then return to the group management interface. To see how the options group appears on your store, hover over a product image and click to navigate to the online store.
Display on the product page:
Displayed on the product card:
When changing variants, the image, URL, title, price, and other details update dynamically.