BEAF Pro is the paid edition of the BEAF WordPress add-on. Site editors can present comparisons as image sliders, multi-column galleries, single-image shows, or video sliders. Visitors can explore the comparisons through the selected layout and controls. BEAF works with Elementor, Gutenberg, Bricks, WP Bakery, other page builders, and block editors.

Sliders and galleries

The base extension includes horizontal and vertical sliders, galleries with two, three, or four columns, image alt text, and a shortcode generator for placing published sliders. Editors can add titles, descriptions, and read-more buttons, change label colors and backgrounds, adjust overlay settings, and enable mouse-hover interaction.

BEAF Pro includes ten preview styles and filterable galleries in two, three, or four columns. The filters' colors and padding are adjustable, and a gallery can combine available preview styles with single-image styles.

Pro comparison options

• Three-image sliders: compare three pictures in one slider.
• Video sliders: compare two different videos.
• Single-image effects: apply grayscale, blur, saturate, or sepia to one image's before or after view.
• Watermarks: add watermarks to images in sliders using the available customization options.
• Content fields: add titles, descriptions, and read-more buttons to single-image sliders, standard galleries, and filterable galleries.
• Display controls: set each slider's width, height, and alignment; enable automatic movement with pause on hover or movement based on user scrolling.
• Interface options: change read-more text or disable the slider handle.

Creating a display

Install and activate BEAF, then go to Dashboard > Before and After Slider > Add New. Choose a slider or gallery, choose its layout and presentation style, add the comparison media, and configure the available settings. After publishing, use the generated shortcode to place the display on a page. A separate plugin is identified for before-and-after sliders on WooCommerce products.