Beforely for WordPress

Free plugin

The Beforely – Before After Image Slider plugin adds a Before After Slider block to the block editor and a [beforely] shortcode for the classic editor, widgets and page builders such as Elementor and Divi.

Install

1. In your WordPress dashboard, go to Plugins > Add New, search for Beforely, then click Install and Activate.
2. Edit a page or post, click + and add the Before After Slider block.
3. Choose the before and after images. Labels, direction, starting position, colors and the hint animation are in the block settings sidebar.

Shortcode

[beforely before="12" after="34"]

before and after take a media library ID or an image URL. Optional attributes:

• before_label, after_label: label text (default "Before" and "After")
• labels: always, hover or none
• orientation: horizontal or vertical
• start: where the handle starts, 0 to 100 (default 50)
• move_on: drag or hover
• color: handle color, for example #ffffff
• animate: yes to play the hint animation
• radius: corner radius in pixels
• before_alt, after_alt: alt text when you use image URLs
• caption, class: a caption and extra CSS classes

Privacy

The plugin makes no external requests, sets no cookies and collects nothing.

Help

Email feedback@appholdings.org or see the support page.