How to use the product select type
Use the "V2 (legacy)" version of the documentation if the "V3 enabled" toggle is not enabled under "Settings -> Styling".
Product Select Node
The Product Select node allows you to display specific products to the user based on their previous answers or stored variables. By using conditions (if-statements), you can make sure only the most relevant products are shown, instead of displaying the full product catalog.
(For example: this configuration shows the tile colors based on the size you chose in the previous question.)
When should you use the Product Select node?
The Product Select node is especially useful in situations where users need to make a choice between different product types or variants before they can continue in the flow.
For example: when you allow users to create their own bundle and they must choose which variant (e.g. color, size, type) to include.
By using the Product Select node here, you ensure that the right products are displayed based on the user’s earlier answers or chosen variables, keeping the flow smooth and personalized.
How to use the Product Select node
The Product Select node makes it possible to show only the products that match a user’s answers or stored variables. Below is a step-by-step guide on how to set it up:
Define which variable should control the product selection
Decide which input (for example: size, budget, or type) you want to use to filter the products.
Create a key for the user’s answer
1. Go to the answer where the user provides their input.
2. Open the Variables tab.
3. Create a key (for example size) and enable “Use input” so the variable stores the actual value given by the user.
Ordering your products
- Go and edit the Product Select.
- At the bottom, there is a dropdown called "Sort by property". Here you can select a feed property by which your products will be sorted.
- The next dropdown defines the sorting order. You can choose whether your products should be ordered ascending or descending based on the selected feed property.
- To limit the number of products shown, set the desired value in the Product limit field.
- To restrict how many products a user can select, enter the maximum number in the "Max. selectable products" field.
Set up data matching
1. Navigate to Matching.
2. Then go to Data Matching.
3. On the left side, select the variable key you created earlier.
4. On the right side, link the correct product(s) that should be shown when that variable matches.
Result
With this setup, the Product Select node automatically shows the right products based on the user’s input and variables, ensuring a personalized and efficient product selection process.
Documentation