Support Articles
Stay Connected
Before & After Widget
The Before & After widget enables you to show two images, side by side, for an eye-catching and engaging visual comparison.
The widget includes a customizable slider to move between the two images.
To add the widget:
In the left panel, click Widgets.- Click and drag the Before & After widget into your site.
To learn more about adding widgets to your site, see Add Widgets.
Content Editor
To access the content editor:
- Right-click the widget, and click Edit Content.
- Click + Image to add the before and after images.
- Type labels for the images. To hide the labels, click the eye icon.
- Type Alt text for the images.
Design Editor
To access the design editor:
- Right-click the widget, and click Edit Design.
- To customize the images and slider, click Images & Slider.
- 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 Edit by Device.
For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.
Examples
Related Articles
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more.
While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work.
To learn more about using HTML in Developer Mode, see Developer Mode.
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
