“Before After Widget” helps you to compare before and after images of your projects. You can easily compare images of any kind with the help of this creative widget. You can customize the widget with its customization and styling options.
Let’s look at each of the options in the “Before After Widget” below.
Install Before After Widget for Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Before After“
- Hover over the widget in the search results and click install
- Add your “Before After” widget to any Elementor Page
General Settings
1
Before Image
Choose the before image.
2
After Image
Choose the after image.
3
Enable Slider Interaction in Editor
This will allow to interact (drag handle) with the slider inside the Elementor editor.
Before After Widget Styling
Style the slider width, background, handle width, height, background, border and radius.
Usage Examples
Here are some live use cases for the Before After Widget.