Articles on: Websites Like A Boss

Widgets: Before & After

Widget Categories: Media


For information on adding widgets, see Add Widgets.


Tip


Fore more information on widgets and the widgets library, see Widgets: Library and Overview.


Content Editor


To access the content editor, right click the widget and select Edit Content. Or, if you are in flex mode or Editor 2.0, the option to access the content editor is available in the floating menu.


  1. Click + Image to add the before and after images.
  2. (Optional) Customize the labels for the images. To hide the labels, click the eye icon.
  3. Type Alt text for the images. Type your own alt text or click the Sparkle icon to use the AI Assistant to generate alt text. Repeat for each individual image in the Photo Gallery or click All Alt Text to view and manage alt text for all site images. The Sparkle icon will be disabled if an image is not selected.


Note


Alt text generated by the AI Assistant is in the same language as the page’s current language. For more information on the AI Assistant, see AI Assistant Overview and Features.


Design Editor


To access the design editor, right-click the element, and click Edit Design. Or if you are in flex mode or Editor 2.0, select Edit Design from the floating menu to open the design panel.


  1. To customize the images and slider, click Images & Slider.
  2. To customize the label style and text, click Labels.


Make sure the design settings you define are correct per device. Settings such as spacing, image size and more are defined per device. For more information, see Screen Sizes and Devices.


For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.


Examples



Updated on: 06/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!