Dynamic variants personalize an experience by showing different content based on responses. For example, if a user selects "Ford" from a dropdown, you can show them Ford model vehicles later in the experience. This results in an interactive feeling for the customer, as shown in this preview:
Dynamic Variants are ideal when you need personalization without excessive branching, reducing the overhead of building and managing complex experiences.
Dynamic variants can be applied to all element types except:
Free-form input elements: Dynamic variants are meant to work with static responses by which you set the condition but it does not at this time work with free-form responses.
Before you begin
To use dynamic variants, make sure you have:
An existing experience with one or more logic-based questions.
A clear idea of how you want to personalize content.
Default content for any screen using dynamic variants.
Define default behavior
The default variant represents what is initially visible in the editor. You can:
Hide an element or container by default, making it appear only under specific conditions.
Enable and modify the default variables in your element.
Apply dynamic variants to an element
Each screen in an experience can have multiple dynamic variants. To apply:
Click on an element or container in your experience.
Click the dynamic variance icon to enable dynamic functionality for that element.
A pop-up appears where you can edit all dynamic variants. Note the Default variant represents what is initially visible in the editor.
Click Add Variant.
Select the screen, element, and response conditions that must be met.
In the "Then" section, enter the modified options that should appear given the conditions above.
Note: Select Modify Element to toggle between modify and hide.
Add as many variants as you need. Depending on the element type, different assets can be updated dynamically:
Text blocks: Change the displayed text.
Images: Swap out images dynamically.
Image buttons: Update both the image and accompanying text.
Click Add.
Once enabled, the tooltip will display the number of active dynamic variants and you will notice the green icon which tells you it’s enabled.
The logic is evaluated in order from top to bottom and displays the first matching variant. If no match is found, the configured default content is shown.
Test dynamic variants
To test:
Click Preview from the Editor.
Adjust the device to preview or enter a custom size.
Click through the experience and validate each selection results in the anticipated response.
If answers are not as expected, return to the editor and adjust the responses in the dynamic variants pop-up, and test again.
Next steps
Map dynamic variant responses to attribute values for user data collection.
FAQs
When should I use dynamic variants instead of rules-based branching?
The Dynamic Variant modal resembles Rules-Based Branching and allows you to define user actions that trigger a dynamic event. Use dynamic variants instead when:
You want to update the page someone is currently using based on what they select in the moment (the car example)
You want a linear path instead of tons of branching
Less going on in the builder map
Consolidated analytics instead of split across variations of the same screen
Can I use Dynamic Variants as an outcome?
Technically, yes—you can create a set of rules to define an absolute logic for an ending screen. However, outcomes are the preferred method for this use case because:
They have a defined set of assets (image, text, URL).
They offer designated reporting and tracking.
They are easier to set up and manage.
Dynamic Variants are better suited for personalization throughout an experience rather than determining final outcomes.
Can I add or remove elements within a container based on the rule set?
Yes. If a container has four buttons by default, you can set a rule to display only three (or add a fifth) by opening the dynamic variants pop-up and selecting Add Response, or removing responses.
How do I order the appearance on the screen when multiple rules apply at the same time?
Open the dynamic variants pop-up and stack rank the variants by dragging and dropping them to prioritize their execution order.
Can I report on dynamic variant interactions?
Yes. Dynamic Variants are fully supported in reporting and integrations. You can:
View question analytics and CSV exports based on your variant names.
Map attributes to variant names to pass attribute values through integrations.