Before & After Widget


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 colour and you’re good to go.

How to add and customise 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 colour, label design and spacing. Regarding label design, you can control the label colour, position and when it displays (always or on hover/click).before___after_support.jpg2019-04-18_10-35-43.gif


Things to consider

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