Overview
Dynamic Variants enables personalized Jebbit Experiences without requiring extensive branching. Display or hide elements based on user responses, creating a more customized and engaging experience while simplifying campaign management.
Common Use Cases
1. Personalized Visual Updates Based on User Input
Use Case: Dynamically updates the split-screen or background based on a user’s response.
Example: A fashion quiz updates the background to match the selected style preference (e.g., streetwear vs. formal).
Benefit: Enhances engagement by making the experience feel more personalized and relevant in real time.
2. Gamification & Achievement-Based Visual Changes
Use Case: Updates imagery based on user actions or achievements within a gamified experience.
Example: Unlocking a level triggers celebratory visuals such as confetti or animated rewards.
Benefit: Creates a more dynamic and rewarding experience, increasing user motivation.
3. Cosmetics & Product Visualization
Use Case: Allows beauty brands to dynamically showcase product variations, such as different makeup shades on models.
Example: Selecting a lipstick shade updates the displayed model image to reflect the chosen color.
Benefit: Provides a more accurate and realistic product representation than static color swatches.
4. Gender-Based Visual Customization
Use Case: Adjusts imagery based on user identity or preferences, similar to dynamic text.
Example: If a user selects “him” or “her,” images adjust to reflect masculine or feminine styles.
Benefit: Streamlines personalization efforts without requiring duplicate branches.
5. Dynamic Dropdowns for Product Selection
Use Case: Updates images and product details based on user selections within a dropdown menu.
Example: A car company’s quiz dynamically updates the displayed vehicle image after selecting the year, make, and model.
Benefit: Provides a seamless, real-time, personalized experience without requiring multiple screens.
How It Works
Enabling Dynamic Variants
Click on an element or container in your Jebbit Experience.
You will see a Dynamic Variants icon—click this to enable dynamic functionality for that element.
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.
Setting Rules & Creating Variants
The Dynamic Variant modal resembles Rules-Based Branching and allows you to define user actions that trigger a dynamic event.
You can create multiple variants, rename them, or delete them as needed.
Default Behavior
The Default variant represents what is initially visible in the editor.
You have the option to hide an element or container by default, making it appear only under specific conditions.
Updating Elements
Below the rule set, you can modify default elements or choose to hide them entirely.
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.
You can also add or remove elements within a container based on the rule set.
Example: If a container has four buttons by default, you can set a rule to display only three (or add a fifth).
Reordering Variants
If multiple rules apply at the same time, you can stack rank the variants by dragging and dropping them to prioritize their execution order.
Support for Reporting & Integrations
Dynamic Variants are fully supported in reporting and integrations.
Reporting Features:
View question analytics and CSV exports based on your variant names.
Map attributes to variant names to pass attribute values through integrations.
FAQs
Q: When should I use Dynamic Variants?
Dynamic Variants are ideal when you need personalization without excessive branching, reducing the overhead of building and managing complex experiences.
Q: 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.