Before & After Widget

Modified on Mon, 30 Mar, 2020 at 12:27 AM

Overview

The Before & After widget enables you to show two images, side by side, for an eye-catching and engaging visual comparison. Load two images, add labels and alt text, choose your slider color and you’re good to go.


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).   

before___after_support.jpg

2019-04-18_10-35-43.gif


Examples

before___after_releasenot2__1_.jpg


Considerations

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

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article