Ultimate Before After Image Slider & Gallery – BEAF
A Simple and Flexible Before After Image Slider & Gallery Plugin for WordPress 👉 Official Demo Link: BEAF Live Preview 👉 Explore Pro: Play with Backend Options 👉 BEAF Pro Version: Check Pro 👉 Documentation: Written Installation Guide 👉 Video Guide: Complete Step by Step Guide 👉 Get Support: Click Here 👉 Join Our FB Community: BEAF Facebook Group Looking for a WordPress Before and After Slider & Gallery plugin? BEAF helps you easily create image comparison sliders for Elementor, Gutenberg, Bricks, WP Bakery, and other page builders. With BEAF, you can effortlessly create a stunning Before and After image comparison slider for elementor, gutenberg, bricks, wp bakery or any page builder or block editor. The best part? You can add an unlimited number of sliders and galleries to your WordPress site—for free! BEAF also provides advanced features in the Pro version to help you showcase your Before After image portfolio more effectively. This all-in-one Before and After Slider WordPress plugin is packed with a full range of basic to advanced options, giving you everything you need to create eye-catching and beautiful image comparison sliders aka Before After slider: Horizontal or Vertical layout Multi-Column Before and After Gallery Title, Description & Read More button Alt tag on each image for Better SEO Label Color and Background Change Disable Overlay Mouse Hover Options Easy-to-use option panel Shortcode generator 10 Preview Styles (Pro) Filterable Before – After Gallery (Pro) Before After Video Slider (Pro) 3 Images Before After Slider (Pro) Single Image Slider (Pro) Watermark for Before After Images (Pro) Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery (Pro) Custom Width – Height – Alignment (Pro) Auto Slider (Pro) On Scroll Slider (Pro) Change Read More text (Pro) Disable slider handle (Pro) Uploaded Before After Image Preview Without Login(Pro) Demo Link Check out the demo to see it in action! With this Before After WordPress plugin, You can showcase your portfolio by comparing two before and after images. Pro Version Check BEAF Pro We believe the free version is good enough for most businesses. However, we have a Pro version of this plugin which has more advanced features including 10 Awesome looking Preview Styles, Before-After with Single Image, 3 Images comparison slider, Before After Video Slider, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide and many more. Video Tutorials: Before After for WooCommerce: Do you need a before and after image slider for WooCommerce? Then check this plugin of ours here. Features: Here are the most important features of BEAF. If you need any further information, please feel free to contact us. Below are the best offerings of BEAF: Multiple layout Display Sliders in Horizontal or Vertical Layout. Click here for a quick preview. Before and After Gallery Create 2 Columns, 3 Columns, and 4 Columns Before After Gallery in WordPress with BEAF. Click here for a quick preview. Titles, Description & Read More Button You can add the Title, Description & Read More buttons on all the above Preview Styles. 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. Click here for a quick preview. Label Change You can easily change the Label of Before-After to something you want from BEAF’s Option panel. Click here for a quick preview. Label Color Change You can easily change the color and background of each Label. Click here for a quick preview. Disable Overlay You can disable the overlay from the options panel. Click here for a quick preview. Mouse Hover You can move slider on Mouse hover. Click here for a quick preview. Image Alt tag You can add Alt tag on each images for Better SEO. Easy-to-use Option Panel BEAF has built in easy-to-use option panel. You can add or remove any options from this panel. Shortcode Generator After your publish, a shortcode will generate so that you can publish the slider anywhere on your website. More Features Support for Block Editor & popular page builders: BEAF is fully compatible with Gutenberg & popular page builders like Elementor, Bricks WP Bakery, DIVI, Beaver etc. See the list below. Responsive and Touch Compatibility : BEAF is fully responsive and also supports touch on mobile devices. Awesome UI: Easy and clean user interface Lightweight: The plugin is so lightweight that it won’t impact much on your speed. Speed optimized: Compatible with any lazy load plugins. It also works with WEBP images. Unlimited Slider: You can create an unlimited number of slider SEO Friendly: Support WP Image alt as image alt and title. Live Preview: See the preview of the slider/gallery while editing Widget Support: Add before-after through widgets. Flexible Image — You can use any image size. Supported Page Builders : Elementor before and after slider: BEAF has built-in before after elementor addons for creating before and after slider with elementor. Bricks Builder: Since BEAF uses shortcodes, you can effortlessly create Bricks Builder Before and After slider or gallery. WP Bakery / Visual Composer: With BEAF’s shortcode functionality, creating a Before After slider in WP Bakery or Visual Composer is simple and quick. Divi Page Builder: Thanks to our shortcode-based system, you can easily build Divi Before and After slider. Beaver Builder: Using BEAF shortcodes, you can seamlessly create Beaver Builder Before-After slider. Gutenberg: BEAF’s shortcode system allows you to easily create Gutenberg Before After slider or gallery. Pro Features You will get more features and advantages on the pro version. Here are few feature of the Pro Version: 10 Preview Styles Filterable Before – After Gallery 3 Images Comparison Slider Before After Video Slider Watermark for Images Single Image Slider Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery Custom Width – Height – Alignment Auto Slider On Scroll Slider Change Read More text Disable slider handle All Free Features The Pro version includes all the features of the Free version (as described above). Plus: 10 Preview Styles The Pro version includes 10 Additional Awesome looking Preview Styles. Click here for a quick preview. Filterable Before – After Gallery Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. 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. Click here for a quick preview. Three Images Comparison Slider Create slider with 3 images. Click here for a quick preview. Before After Video Slider Create slider with 2 different videos. Click here for a quick preview. Image Watermark Create slider with Watermark in Images. Fully Customizable based on available options. Click here for a quick preview. Single Image Slider Create slider using a single image. The Single image has filter effects like Grayscale, Blur, Saturate, Sepia etc. The filter can be added on Before or After image. Titles, Description & Read More Button on Single Image You can add Title, Description & Read More button on Single Image Slider, Normal Gallery and Filterable Gallery. Custom Width – Height – Alignment Setup Custom Width – Height – Alignment for each slider. Click here for a quick preview. Auto Slider Slider will slide automatically. Options to add Pause on hover. Click here for a quick preview. On Scroll Slider Slider will slide on Scroll (based on User Scrolling). Click here for a quick preview. Disable slider handle You can easily disable the slider handle. Click here for a quick preview. Our Support Yes, we provide full support on the WordPress.org forums & Our Website. You can also join our BEAF Facebook Group to stay informed with latest news and updatesc. Check our Support Policy. Credit BEAF is based on the famous TwentyTwenty script that developed by Zurb team. Our icon is taken from Iconfinder. How can I report security bugs? You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. Report a security vulnerability. Our Plugins Tourfic – Ultimate Hotel Booking, Travel Booking & Apartment Booking WordPress Plugin Ultimate Addons For Contact Form 7 Instantio – WooCommerce Quick Checkout | Floating Cart, Side Cart & Popup Cart Hydra Booking – All in One Appointment Scheduling and Booking Calendar Solution Reviewfic – The Ultimate Testimonial Slider, Carousel, Grid Plugin Our Themes Travelfic – Ultimate Travel Booking WordPress Theme Ultimate Hotel Booking WordPress Theme
Top keywords
- slider48×3.46%
- preview27×1.95%
- image26×1.87%
- pro26×1.87%
- beaf24×1.73%
- here20×1.44%
- gallery19×1.37%
- quick18×1.30%
- click17×1.23%
- click here17×1.23%
- quick preview16×1.15%
- images11×0.79%
All In One Image Viewer – Zoom, Magnify, Maps & Rotation
All In One Image Viewer is a completely free WordPress Image Viewer Plugin designed for Gutenberg. It helps you create interactive image experiences using Image Zoom, Image Magnifier, Image Map, and Image Rotation (360° panorama). Whether you run an eCommerce store, photography portfolio, real estate website, educational platform, art galleries, media website, agency, or business website, this plugin makes it easy to display images more engagingly and interactively. Every feature is included for free. There is no pro version, no locked styles, and no upsells. Image Viewer | Documentation | Support Key Features Four Image Viewer Modes: Choose from Zoom, Magnify, Map, and Pano/Rotation viewer modes to display images in the most suitable way for your content. Zoom Viewer with Full Controls: Enable or disable Pan, Zoom, X-Axis, and Y-Axis, set Start Scale, and control Zoom Step for precise image inspection. Magnify Viewer Options: Highlight specific image areas using magnification with adjustable speed and timeout settings. Interactive Image Map: Add multiple map items on an image with full control over: Link URL, Link target, Title, Width & height, Top & left positioning, Drag & drop placement for each map item. Rotation Viewer: Rotate 360° panorama images smoothly with options to: Set custom width and height, Enable or disable auto-rotation, Control auto-rotate speed, Hide or show rotation controls. Shortcode & PHP Support: Build a viewer once and embed it anywhere with [bpivb id=123] or do_shortcode(). Responsive & Touch Friendly : Works smoothly on desktop, tablet, and mobile devices, including touch gestures. Unlimited Usage: Use the Image Viewer block unlimited times across posts and pages. Theme Compatibility: Fully compatible with all standard WordPress themes. Lightweight & Performance Optimized: Clean and optimized code ensures fast loading and smooth interaction. Why Choose All In One Image Viewer? If you are looking for a complete Image Viewer Plugin for WordPress, this plugin provides multiple image interaction tools in a single Gutenberg block, allowing website owners to create engaging, responsive, and interactive image experiences without writing code. Whether you need an Image Zoom Plugin, Image Magnifier, Interactive Image Map, or a 360° panorama viewer, this plugin provides everything in one free solution. With All In One Image Viewer, you can: ✔ Create interactive Image Zoom effects ✔ Add Image Magnifier functionality ✔ Build clickable Image Maps ✔ Rotate 360° panorama images interactively ✔ Improve image engagement and user interaction ✔ Enhance WooCommerce product image presentation ✔ Display professional photography portfolios Why is All In One Image Viewer such a game-changer? Configure — You can easily modify the Image Viewer plugin to suit your needs. Your work will go more quickly thanks to the Image Viewer plugin’s features and simplicity of use. There are four different viewer types — zoom, magnify, map, and pano/rotation. Customer Service — Our staff is always available to assist you. It’s easy for users to ask questions and get quick answers. Updates — With frequent updates, we bring the functionality and performance of the plugin up to date. Upgrading to newer versions is also easy, ensuring uninterrupted service. How to use First, install the All In One Image Viewer plugin. Add the Image viewer block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help, click on the Installation Tab External Services This plugin connects to the following external services from the admin dashboard: bPlugins Opt-In API Service URL: https://api.bplugins.com Purpose: Receives the plugin opt-in consent submission when a user explicitly opts in from the admin dashboard. Data Sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version. Nothing is sent unless you opt in. Terms of Service: https://bplugins.com/terms-of-service/ Privacy Policy: https://bplugins.com/privacy-policy/ Freemius (wp.freemius.com) Endpoint: https://wp.freemius.com/ Used for: Processing plugin opt-in consent form submissions. Data sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version. Terms of Service: https://freemius.com/terms/ Privacy Policy: https://freemius.com/privacy/ WordPress.org Plugins API Service URL: https://api.wordpress.org Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section). Data Sent: Plugin slugs and author name; no personal or site data is collected. Terms of Service: https://wordpress.com/tos/ Privacy Policy: https://wordpress.org/about/privacy/ Third-Party Libraries Source / GitHub: Bpl-Tools GitHub License: GPL-2.0-or-later Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made