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




Make sure the design settings you define are correct per device. Settings such as spacing, image size and more are defined per device. You can read more about this in our Edit by Device article.

Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.


Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!