How to create a single product group

How to create a single product group

1. What is a product group?

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.

2. How to create a single product group.

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.


    • Related Articles

    • How to Create a Multi-Option Product Group

      In previous articles, you’ve learned how to group products based on a single option (color, size, etc.). But what if you want to group products based on multiple options? This article will guide you through simple steps to create a multi-option ...
    • How to Automatically Create Product Groups in Bulk

      1. Automating Product Group Creation: When to Use It While manually creating a product group is simple, it can become time-consuming, especially for stores with a large number of products. Managing many items individually can quickly turn into a ...
    • Way to Set Up Swatch Display for Your Product

      1. Introduction In the Option Appearance Management Guide, we covered how the display of an option is not limited to just the appearance style but also includes colors, images, or other visual elements. Additionally, there may be instances where you ...
    • How to Create Translations for Multilingual Display

      1. Accessing the Localization Section To begin setting up translations, first, navigate to the Localization section within the app. 2. Selecting the Language Next, choose the language you want to create a translation for. A default translation will ...
    • How to Import & Export Product Groups

      Introduction Product groups help organize products efficiently within the app. There are several scenarios where importing and exporting product groups can be helpful: Exporting groups to a CSV file for easier data management and editing. ...