Showcase your Before & After Work more Efficiently with BEAF Pro

With BEAF Pro, you can display your Before-After image comparisons more powerfully with 7 Additional Preview Styles, Multi-Columns Filterable Gallery, Auto Slide and many more advanced features.

Before Image After Image

Demo Preview of BEAF Pro

All options below are available on both Horizontal and Vertical Preview. For each preview, the Before – After Labels and Colors can also be changed from backend options.

Default Style

Before Image After Image
Before Image After Image

Preview Style 1

Before Image After Image
Before Image After Image

Preview Style 2

Before Image After Image
Before Image After Image

Preview Style 3

Before Image After Image
Before Image After Image

Preview Style 4

Before Image After Image
Before Image After Image

Preview Style 5

Before Image After Image
Before Image After Image

Preview Style 6

Before Image After Image
Before Image After Image

Preview Style 7

Before Image After Image
Before Image After Image

Preview Style with Titles, Description & Read More Button

You can add Title, Description & Read More button on all the above Preview Styles. For Preview Purpose, only two examples is shown below. Note that, from backend, you can show/hide any/all of the 3 fields (title, description & read more). You can also edit styles (color, font size, alignment) of all 3 fields as shown below.

Before Image After Image

Lorem Ipsum

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Before Image After Image

Mirum est notare

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Before-After with Single Image

You can add all the above Preview Styles on Single Image Version. The below filters are shown with the Default Preview Style only for preview purposes.

Grayscale Filter

Before Image After Image
Before Image After Image

Blur Filter (Applied on the Before Part)

Before Image After Image
Before Image After Image

Saturate Filter

Before Image After Image
Before Image After Image

Sepia Filter

Before Image After Image
Before Image After Image

Single Image BEAF with Titles, Description & Read More Button

You can add Title, Description & Read More button on all the above Preview Styles. For Preview Purpose, only two examples is shown below. Note that, from backend, you can show/hide any/all of the 3 fields (title, description & read more). You can also edit styles (color, font size, alignment) of all 3 fields as shown below.

Before Image After Image

Lorem Ipsum

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Before Image After Image

Mirum est notare

Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Filterable Gallery

While our free version helps you to add 2/3/4 Columns Gallery, with BEAF Pro you can create 2/3/4 Columns Filterable Before After Gallery. Check Below for more details.

2 Columns Filter Gallery

You can add as many 2-3-4 columns galleries as you want. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel.

3 Columns Filter Gallery

4 Columns Filter Gallery

Filter Gallery with Titles, Description & Read More Button

You can add Title, Description & Read More button on all the above Gallery Styles.

Common Options

All options below can be added together on any of the above preview styles and galleries. For Preview purpose, we have shown one option at a time with the default Preview Style.

Option for Custom Width - Height - Alignment

Width - Height Example (+ Left Aligned)

Before Image After Image


(Width: 280px, Height 100px)

Width - Height Example (+ Center Aligned)

Before Image After Image


(Width: 250px, Height 200px)

Width - Height Example (+ Right Aligned)

Before Image After Image


(Width: 265px, Height 300px)

Change Before - After Label

Before Image After Image
Before Image After Image

Auto Slide

Before Image After Image
Before Image After Image

No Overlay or Title on Hover

Before Image After Image
Before Image After Image

Move slider on Mouse hover

Move mouse on the image to check

Before Image After Image
Before Image After Image

Before - After Label (Color and Backrground Change)

Before Image After Image
Before Image After Image
0
5/5
Rated on
WordPress.org

Trusted by 3000+ Customers Worldwide.

Reiner G. from Germany

We use the plugin at the homepage of our local photoclub to compare an image and its edited version. Works fine and helps to present different ways of image processing. A nice and helpful tool. We got great and fast support from the developers – thank you!

BEAF's Robust Features

Get the free version or buy Pro for more advanced features for your WordPress site
Feature List Free Pro
Multiple Preview layout (Horizontal and Vertical)
Shortcode Generator
Builder Support (Elementor, WP Bakery, Divi)
Unlimited Slider Creation
Responsive and Touch Compatibility
Easy to Use Option Panel
Awesome UI
Speed optimized
SEO Friendly
Widget Support
Flexible Image
Override Default CSS and add your own style
Move with Mouse Click on Image
Move with Mouse Hover
Customizable Default Slider Offset
Customize Before/After Texts
Change Background for Before/After Texts
Change Text Color for Before/After Texts
Option to Show/Hide Background Overlay on Mouse Hover
Slider Title, Description & Read More Option
Multi-Columns Gallery
Multi-Columns Filterable Gallery
Show Title, Description & Read More Option on Gallery & Filterable Gallery
7 Additional Preview Layout
Create Slider with Single Image
Single Image filter effects like Grayscale, Blur, Saturate, Sepia
Auto Slide
Disable Slider Handle
Custom Width & Height Option
Slider Alignment (Left-Center-Right) Option
Download Free Buy Pro Now

Choose Your Desired Pro Plan

Choose the plan better suited for your business. All plans includes Lifetime License & 30-Day Money Back Guarantee.

Starter
1 Website

$39 $79

Progressive
15 Websites

$89 $159

Expert
100 Websites

$149 $279

Small Business
500 Websites

$249 $459

Agency
5000 Websites

$499 $899

Super Agency
Unlimited Websites

$899 $1599

Choose Your Desired Pro Plan

Choose the plan better suited for your business. All plans includes Lifetime License & 30-Days Money Back Guarantee.

BEAF Plugin

Product Bundle Save 30%

Starter
1 Website

$29 $49

Small Business
100 Websites

$99 $169

Agency
Unlimited Websites

$199 $349

Not at all. All sales of this plugin is one time. If you want to renew your license or extend the support in future, you can buy it again then.

We have a 30 day refund policy. If we are unable to solve a problem within 7 business days, we will refund the order, no questions asked. Please read our Refund Policy.

Yes, we offer a flat 50% discount for non-profits. To avail the discount coupon, please send us an email to [email protected] or u can use the contact form on our website. Please note that, The mail has to be sent from the domain of a non profit organization and the website has to be active.

You can pay via Paypal. We also accept major credit cards including Visa, MasterCard, American Express, and Discover through Paddle payment gateway.

Unfortunately, No. Almost all of our products has free version on WordPress.org. You can try that out. You also check our live demo of our products. Plus, we offer a 30 days money back gurantee. So you are actually Risk Free.

We provide support through our website, emails as well as Facebook group. Please read our Support Policy.

Lightning Fast Support

Our Superhero support team are always ready to assist you at any time through our Support forum.

30 Days Money Back Guarantee

We offer a 30 days full refund gurantee if you are not happy with our products, no questions asked.

50% OFF

GET

Please Wait! We don't want you to leave Empty Handed

You will also get occasional free tips, tutorials, product news and discount codes from us.

Coupon Code for BEAF Pro

Close

    Scroll to Top