BEAF Pro extends the BEAF WordPress plugin with more ways to present visual comparisons. Use sliders, galleries, single-image displays, or video comparisons for project results, creative portfolios, product visuals, and other comparisons between visual states. BEAF works with Elementor, Gutenberg, Bricks, WP Bakery, other page builders, and block editors.

Choose a layout for the comparison

The base plugin supports horizontal and vertical sliders, plus galleries with two, three, or four columns. You can add titles, descriptions, and read-more buttons, set image alt text, adjust label colors and backgrounds, and configure overlay and mouse-hover options. A shortcode generator lets you place published sliders around your website.

BEAF Pro adds ten preview styles and filterable galleries. Set a gallery to two, three, or four columns, adjust filter colors and padding, and combine the available preview styles with single-image styles.

What changes with Pro

• Three-image sliders: compare three pictures in one slider.
• Video comparisons: create a before-and-after slider with two various videos.
• Single-image sliders: apply grayscale, blur, saturate, or sepia effects to the before or after view of one image.
• Watermarks: add watermarks to slider images and tailor them using the available options.
• Content fields: add titles, descriptions, and read-more buttons to single-image sliders, regular galleries, and filterable galleries.
• Dimensions and alignment: set a custom width, height, and alignment for each slider.
• Motion controls: enable automatic sliding with an optional pause on hover, or have the slider respond to page scrolling.
• Interface options: change the read-more text or disable the slider handle.

Which presentation fits your content?

For a collection of projects, a filterable gallery organizes comparisons into columns and lets users browse by category. For one focused transformation, pick a standard before-and-after slider or a single-image slider with an effect. A video slider compares two video states, while the three-image slider brings a third visual into the comparison.

Choose a preview style, add the relevant media, and set any titles, descriptions, labels, or read-more controls you need. Custom dimensions and alignment help fit each display to its page layout; automatic or scroll-based movement delivers another way to reveal the comparison.

Installation and setup

Install and activate BEAF in WordPress, then open the plugin options to create a slider or gallery. Select its layout and presentation style, add the comparison media, and configure the display options. The plugin includes a written installation guide, video tutorials, documentation, and support resources.