Overview

Trust is built on proof, and nothing sells service-based results better than a clear visual transformation. The Before & After Widget is a high-impact storytelling tool that allows visitors to actively engage with your work by comparing a starting image with the finished result using a dynamic, interactive slider.

This widget provides powerful, instant social proof:

• Instant Credibility: Visually demonstrate the quality and effectiveness of your service, whether it's home remodeling, pet grooming, or design work, in a single, compelling spot.

• Maximize Engagement: Encourage visitors to interact by sliding the divider back and forth, driving a deeper connection with your portfolio and reducing passive viewing.

• Professional Labeling: Clearly identify each image with Labels and include Alt Text for SEO, ensuring your visual proof is both persuasive to customers and discoverable by search engines.

How to add & customize the widget

1. Drag and drop the Before & After widget anywhere on your page. To learn more about adding widgets to your website, see Adding Widgets.
2. Using the content editor, add before and after images, labels and alt text.
3. Using the design editor, set the size of the images, slider color, label design and spacing. Regarding label design, you can control the label color, position and when it displays (always or on hover/click).   

Considerations

Make sure the design settings you define are correct per device. Settings such as spacing, image size and more are defined per device.