Adding and editing answers
Every time we ask a visitor a question, we expect an answer in return. With every answer we get, we get a little closer to knowing what our visitor is looking for.
Adding and editing an answer
Click on an answer if you want to edit the answer, or click on Add answer to add a new answer. Every answer has a few properties we can edit:
- Answer: The answer to the question.
- Image: An image.
- Text: An additional descriptive text for your answer.
Create as many answers as you like. Once you're done adding and editing answers you can add filters or variables to the answers in order to show only the products or services which comply with the properties of the created answer.
Adding filters or variables to answers
- Filters can be used when you have uploaded a product feed in Qonfi.
- Variables can be used when you want to construct a (dynamic) URL to send website users to a (dynamically created) web page (e.g. with query parameters).
We will cover both methods in the section below.
Adding filters (with product feed)
When using a product feed, filters can be used to determine which results the website user sees, when the website user selects a specific answer. By adding product filters to your answer you can show your website users relevant products which meet their chosen criteria.
For example, when a question is asked “Which color do you prefer?” and a user clicks on the answer “blue”, then only products which contain the color ‘blue’ property should be shown in order to show relevant results. This can be done with filters.
Adding a product filter to an answer
You can add product filers to your answers by following these steps:
- Click on the ‘Configuration’ field in the left navigation.
- Click on an answer within a question box where you want to add a product filter. The answer pop-up appears where you can edit this answer.
- Within the answer popup make sure the ‘Filters (FEED)’ tab is active. Click on it when it’s not.
- Click on ‘add rule’ to add a product filter.
- Click on the drop-down menu which appears and select the desired property you want to filter your product on (e.g. ‘color’).
- Select the method you want to use to filter your products. Depending on your property type, you can choose between: Equals, Not equals, Contains, Not contains, Greater than, Less Than, Greater than or equal, Less than or equal, Is empty, Is not empty.
- Enter the string you want to filter on (e.g. ‘blue’).
- After entering the string to filter your products on, the ‘tree view’ will be updated. Here you can see how many products meet your filter criteria. In the example below you see that 3 products meet the selected property ‘usage’ contains ‘pleasure’.

Using multiple conditions
If you want to create a filter with multiple conditions you can simply click ‘add rule’ again. Another condition appears where you can select a different property to filter on.
AND/OR conjunctions
When working with multiple filter conditions you can choose to:
- Use the ‘AND’ conjunction: All conditions need to be met in order to show a product. Click on the ‘AND’ field to select (turns blue).
- Use the ‘OR’ conjunction: One of the conditions needs to be met in order to show a product. Click on the ‘OR’ field to select (turns blue).

Tree view and path view
With the tree and path view you can quickly see how many products are available for every ‘answer flow’. This way you can easily see if no products are matched in a flow and whether you maybe want to add some products for certain answer flows. The tree view and path view give you the same information but in a different view, as shown below.


Adding variables (without product feed)
By adding variables to answers you can construct a (dynamic) URL to send website users to a (dynamically created) specific web page where you can show products or services which comply with the chosen answers of your users.
Example
Let's assume we have the following setup where we ask our visitors the following three questions:
- For what type of trips do you use your car?
- What is your budget?
- Are you looking for a new or a used car?
First, we have to decide which properties we need. After that we need to create the variables in Qonfi.
Template available!
The described example is also available as a template in Qonfi. You can use this template and edit it to your liking. To use this template in Qonfi, follow these steps:
1. Click on the Wizards tab to go to the wizards overview.
2. Click on the Add new wizard.
3. Give the wizard a name and select 'Buy a car (variables)' as a template.
4. Click the add wizard button.

Create a page build overview including your combined properties
Let’s say we want to send our website visitor to the following pages when a combination of properties is selected:
Fuel | Budget | Type | Page |
Short trips | User input | New | https://mywebsite.com/cars/new?fuel=petrol&budget={budget} |
Long trips | User input | New | https://mywebsite.com/cars/new?fuel=diesel&budget={budget} |
Short trips | User input | Used | https://mywebsite.com/used-cars?fuel=petrol&budget={budget} |
Long trips | User input | Used | https://mywebsite.com/used-cars?fuel=diesel&budget={budget} |
Creating variables
Cool, now that we know where to send our visitors, we can configure the variables and URL's:
- Click on the
Short trips
answer to edit the answer and go to the Variables tab. - Add a variable by clicking on the Add variable button.
- Set the Key to
fuel
and the Value topetrol
. - Click 'Done'.
Variable keys can only contain lowercase characters, numbers and underscores.

Next, do the same thing for the Long trips
answer, but instead, set the Value to diesel
.

You have now created your first variable for your first question. Let's create a budget
variable where the input of the website user is used as a value for our variable.
Create a variable based on user input
To dynamically insert the website users budget in the URL we finally have to create a variable for the question "What is your budget?".
- Click on the
Budget
answer to edit the answer and go to the Variables tab. - Add a variable by clicking on the Add variable button.
- Set the Key to
budget
and leave the Value empty. - Click on the 'Use input' box, this way the number input of the user is used as a value.
- Click 'Done'.

That's it! In the follow-up section we will use the created variables to construct an url.