The Transformation element allows you to compare the “before and after” of a situation or person, visually highlighting the impact of your solution. Ideal for showing results achieved with your product or service. What it’s for
  • Illustrate a significant change (visual, emotional, behavioral, etc.).
  • Reinforce the effectiveness of the solution you offer.
  • Create contrast between problem and solution in an impactful way.
What you can configure Titles:
  • Customize the title of each side (e.g., “Before” and “After”).
  • Apply formatting like bold, italic, color, etc.
Images:
  • Upload an image for “before” and another for “after”.
  • Use photos that clearly represent the transformation.
Subtitles:
  • Explanatory phrases below each image.
  • Reinforce the difference between the two moments.
Level:
  • Define a symbolic number to represent evolution (e.g., 35 → 75).
  • Can be used as progress bar, satisfaction rating, etc.
Icons and Texts:
  • Add an icon and text below each side to reinforce the problem and solution.
  • Example: ❌ Constant fatigue → ✅ Renewed energy.
Animation:
  • Choose how this block appears in the quiz (e.g., appear).
Custom colors:
  • Background, borders, and text.
  • Background and text of warning boxes.
  • Background and colors of the comparative bar.
Usage tip! Use real images whenever possible to generate confidence, but well-done simulations also work. Combine with testimonials to create even more impact.