{"id":179635,"date":"2023-11-21T11:16:39","date_gmt":"2023-11-21T11:16:39","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/before-after-image-slider-by-code-canel\/"},"modified":"2026-04-14T08:52:19","modified_gmt":"2026-04-14T08:52:19","slug":"wp-before-after-image-slider","status":"publish","type":"plugin","link":"https:\/\/bs.wordpress.org\/plugins\/wp-before-after-image-slider\/","author":21006728,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.3.1","stable_tag":"2.3.1","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"WP Before After Image Slider","header_author":"Code Canel","header_description":"This plugin allows you to create interactive image sliders to showcase before and after images. With its easy-to-use interface and customizable options, you can engage your audience and effectively demonstrate visual transformations. Support for all major page builders, including Elementor, Divi, and Gutenberg.","assets_banners_color":"3c3e55","last_updated":"2026-04-14 08:52:19","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/codecanel.com\/","header_plugin_uri":"https:\/\/codecanel.com\/wp-before-after-image-slider\/","header_author_uri":"https:\/\/codecanel.com\/","rating":5,"author_block_rating":0,"active_installs":900,"downloads":11581,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"codecanel","date":"2023-11-21 11:16:24"},"1.0.1":{"tag":"1.0.1","author":"codecanel","date":"2024-01-31 05:21:19"},"1.0.2":{"tag":"1.0.2","author":"codecanel","date":"2024-06-12 05:36:50"},"1.0.3":{"tag":"1.0.3","author":"codecanel","date":"2025-04-21 09:13:36"},"1.0.4":{"tag":"1.0.4","author":"codecanel","date":"2025-05-04 05:23:20"},"1.0.5":{"tag":"1.0.5","author":"codecanel","date":"2025-05-14 06:19:48"},"1.1.0":{"tag":"1.1.0","author":"codecanel","date":"2025-06-10 09:35:27"},"1.1.1":{"tag":"1.1.1","author":"codecanel","date":"2025-06-11 04:33:31"},"2.0.0":{"tag":"2.0.0","author":"codecanel","date":"2025-06-30 11:06:21"},"2.0.1":{"tag":"2.0.1","author":"codecanel","date":"2025-07-13 04:12:19"},"2.0.2":{"tag":"2.0.2","author":"codecanel","date":"2025-08-04 04:59:34"},"2.0.3":{"tag":"2.0.3","author":"codecanel","date":"2025-08-04 06:11:28"},"2.0.4":{"tag":"2.0.4","author":"codecanel","date":"2025-08-07 08:56:12"},"2.0.5":{"tag":"2.0.5","author":"codecanel","date":"2025-08-20 10:27:14"},"2.0.6":{"tag":"2.0.6","author":"codecanel","date":"2025-09-22 05:19:23"},"2.0.7":{"tag":"2.0.7","author":"codecanel","date":"2025-10-21 09:56:49"},"2.0.8":{"tag":"2.0.8","author":"codecanel","date":"2025-11-02 06:56:26"},"2.0.9":{"tag":"2.0.9","author":"codecanel","date":"2026-01-01 05:56:21"},"2.1.0":{"tag":"2.1.0","author":"codecanel","date":"2026-01-19 12:17:23"},"2.1.1":{"tag":"2.1.1","author":"codecanel","date":"2026-01-26 06:30:18"},"2.1.2":{"tag":"2.1.2","author":"codecanel","date":"2026-02-10 09:55:45"},"2.2.0":{"tag":"2.2.0","author":"codecanel","date":"2026-03-09 09:16:07"},"2.2.1":{"tag":"2.2.1","author":"codecanel","date":"2026-03-12 09:21:22"},"2.2.2":{"tag":"2.2.2","author":"codecanel","date":"2026-03-18 04:10:48"},"2.2.3":{"tag":"2.2.3","author":"codecanel","date":"2026-03-25 09:41:10"},"2.3.0":{"tag":"2.3.0","author":"codecanel","date":"2026-04-01 05:12:26"},"2.3.1":{"tag":"2.3.1","author":"codecanel","date":"2026-04-14 08:52:19"}},"upgrade_notice":{"2.3.1":"<ul>\n<li>Readme updated<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3505879,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3505879,"resolution":"256x256","location":"assets","locale":""},"icon-512x512.gif":{"filename":"icon-512x512.gif","revision":3505879,"resolution":"512x512","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.gif":{"filename":"banner-1544x500.gif","revision":3505879,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3505879,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.1.0","1.1.1","2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.0.6","2.0.7","2.0.8","2.0.9","2.1.0","2.1.1","2.1.2","2.2.0","2.2.1","2.2.2","2.2.3","2.3.0","2.3.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3505879,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3505879,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3505879,"resolution":"11","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3505879,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3505879,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3505879,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3505879,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3505879,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3505879,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3505879,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3505879,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Slider List Page \u2013 A dashboard listing all sliders with edit and manage options.","2":"Carousel \u2013 A scrollable carousel displaying multiple sliders.","3":"Slider Template Settings \u2013 Panel to select templates and adjust layout settings.","4":"Style Customization - 1 \u2013 Basic styling options like colors and labels.","5":"Style Customization - 2 \u2013 Advanced controls for handle, borders, and effects.","6":"Three Image Comparison \u2013 Slider comparing before, middle, and after images.","7":"Two Image Comparison \u2013 Classic before-after image comparison slider.","8":"YouTube Video Option \u2013 Slider with an embedded YouTube video.","9":"Custom Video Option \u2013 Slider supporting uploaded or custom videos.","10":"Single Image Comparison \u2013 One image with a comparison overlay effect.","11":"Elementor Widget \u2013 Drag-and-drop widget to add sliders in Elementor."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[11619,130737,194101,176050,224162],"plugin_category":[50],"plugin_contributors":[222998],"plugin_business_model":[],"class_list":["post-179635","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after","plugin_tags-before-after-slider","plugin_tags-before-after-image","plugin_tags-image-comparison","plugin_tags-photo-comparison","plugin_category-media","plugin_contributors-codecanel","plugin_committers-codecanel","plugin_support_reps-sadiasajarun"],"banners":{"banner":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/banner-772x250.gif?rev=3505879","banner_2x":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/banner-1544x500.gif?rev=3505879","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/icon-128x128.gif?rev=3505879","icon_2x":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/icon-256x256.gif?rev=3505879","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-1.png?rev=3505879","caption":"Slider List Page \u2013 A dashboard listing all sliders with edit and manage options."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-2.png?rev=3505879","caption":"Carousel \u2013 A scrollable carousel displaying multiple sliders."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-3.png?rev=3505879","caption":"Slider Template Settings \u2013 Panel to select templates and adjust layout settings."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-4.png?rev=3505879","caption":"Style Customization - 1 \u2013 Basic styling options like colors and labels."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-5.png?rev=3505879","caption":"Style Customization - 2 \u2013 Advanced controls for handle, borders, and effects."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-6.png?rev=3505879","caption":"Three Image Comparison \u2013 Slider comparing before, middle, and after images."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-7.png?rev=3505879","caption":"Two Image Comparison \u2013 Classic before-after image comparison slider."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-8.png?rev=3505879","caption":"YouTube Video Option \u2013 Slider with an embedded YouTube video."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-9.png?rev=3505879","caption":"Custom Video Option \u2013 Slider supporting uploaded or custom videos."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-10.png?rev=3505879","caption":"Single Image Comparison \u2013 One image with a comparison overlay effect."},{"src":"https:\/\/ps.w.org\/wp-before-after-image-slider\/assets\/screenshot-11.png?rev=3505879","caption":"Elementor Widget \u2013 Drag-and-drop widget to add sliders in Elementor."}],"raw_content":"<!--section=description-->\n<p><strong>Turn Ordinary Images Into Compelling Visual Stories - Instantly.<\/strong><\/p>\n\n<p>WP Before After Image Slider (also known as <strong>BefTer<\/strong>) is the most flexible and performance-optimized before-after comparison slider plugin for WordPress. Whether you're a photographer showcasing edits, a designer presenting a redesign, a healthcare professional displaying treatment results, or a real estate agent revealing a renovation - BefTer helps you show real impact with zero effort.<\/p>\n\n<p><strong>Drag<\/strong>. <strong>Slide<\/strong>. <strong>Convert<\/strong>.<\/p>\n\n<p>\ud83d\udc49 <strong>Live Preview:<\/strong> <a href=\"https:\/\/codecanel.com\/wp-before-after-image-slider\/?utm_source=repo_upgrade&amp;utm_medium=repo&amp;utm_campaign=repo_productpage&amp;utm_id=repo_productpage#features\">BefTer Live Preview<\/a>\n\ud83d\udc49 <strong>Pro Version:<\/strong> <a href=\"https:\/\/codecanel.com\/wp-before-after-image-slider\/?utm_source=repo_upgrade&amp;utm_medium=repo&amp;utm_campaign=repo_productpage&amp;utm_id=repo_productpage#features\">Explore Pro Features<\/a>\n\ud83d\udc49 <strong>Documentation:<\/strong> <a href=\"https:\/\/codecanel.com\/docs\/wp-before-after-image-slider\/\">Installation &amp; Setup Guide<\/a>\n\ud83d\udc49 <strong>Video Guide:<\/strong> <a href=\"https:\/\/www.youtube.com\/watch?v=zkCY5GbscWQ\">Step-by-Step Instructions<\/a>\n\ud83d\udc49 <strong>Support:<\/strong> <a href=\"https:\/\/codecanel.com\/contact\/\">Get Help<\/a>\n\ud83d\udc49 <strong>Community:<\/strong> <a href=\"https:\/\/www.facebook.com\/groups\/codecanel\">Join Our Facebook Page<\/a><\/p>\n\n<h3>Why Use a Before After Image Comparison Slider?<\/h3>\n\n<p><strong>When words fail to capture your results, visuals deliver the proof.<\/strong><\/p>\n\n<p>An interactive before-after slider shows your audience exactly what you've achieved - whether it's a photo retouch, a home renovation, a body transformation, or a product upgrade. It builds <strong>instant trust<\/strong>, boosts <strong>user engagement<\/strong>, and turns passive visitors into confident customers.<\/p>\n\n<p><strong>With BefTer, you get:<\/strong><\/p>\n\n<p>\u2705 <strong>Interactive, touch-friendly sliders<\/strong> that invite users to explore\n\u2705 <strong>Visual storytelling<\/strong> that builds credibility and trust faster than any text\n\u2705 <strong>Zero coding required<\/strong> - install, upload images, and publish in minutes\n\u2705 <strong>Works with all major page builders<\/strong> - Elementor, Gutenberg, Divi, WPBakery, Bricks, Beaver Builder\n\u2705 <strong>Lightweight and performance-optimized<\/strong> - no impact on site speed<\/p>\n\n<h3>\ud83c\udd93 Free Features<\/h3>\n\n<p>The free version of BefTer is packed with everything most websites need to create beautiful, professional image comparison sliders:<\/p>\n\n<p>\u2705 <strong>Two-Image Comparison Slider<\/strong> - Side-by-side before and after comparisons\n\u2705 <strong>Horizontal &amp; Vertical Slider Layouts<\/strong> - Match your site's design flow\n\u2705 <strong>Customizable Before\/After Text Labels<\/strong> - Personalize slider labels freely\n\u2705 <strong>Label Visibility Control<\/strong> - Show or hide labels as needed\n\u2705 <strong>Overlay Toggle Option<\/strong> - Add an overlay for a polished effect\n\u2705 <strong>Interactive Mouse Hover Effects<\/strong> - Engage desktop users effortlessly\n\u2705 <strong>Slide Trigger Control<\/strong> - Choose drag or hover interaction\n\u2705 <strong>Slide Orientation Control<\/strong> - Horizontal or vertical sliding\n\u2705 <strong>Adjustable Image Sizes<\/strong> - Fit sliders into any layout\n\u2705 <strong>Lazy Loading<\/strong> - Improve page speed with on-demand image loading\n\u2705 <strong>Built-in Shortcode Generator<\/strong> - Embed sliders anywhere in seconds\n\u2705 <strong>Widget Support<\/strong> - Add sliders via WordPress widgets\n\u2705 <strong>Image Alt-Tag Support<\/strong> - SEO-friendly image descriptions\n\u2705 <strong>SEO-Friendly Structure<\/strong> - Built for search engine visibility\n\u2705 <strong>Speed-Optimized Performance<\/strong> - Lightweight with no bloat\n\u2705 <strong>Elementor Widget<\/strong> - Native drag-and-drop integration<\/p>\n\n<h3>\ud83d\ude80 Pro Features<\/h3>\n\n<p>Unlock the full power of BefTer with the Pro version - designed for creators, agencies, and businesses who demand more control and advanced visual experiences:<\/p>\n\n<p>\u2705 <strong>Three-Image Comparison Slider<\/strong> - Add a third image for multi-step comparisons\n\u2705 <strong>Labels for Three-Image Slider<\/strong> - Full labeling control across all three images\n\u2705 <strong>Video Comparison Slider<\/strong> - Compare before-after videos with the same slider experience\n\u2705 <strong>YouTube Video Support<\/strong> - Embed YouTube videos with custom duration settings\n\u2705 <strong>Self-Hosted Video Support<\/strong> - Use your own videos with custom duration control\n\u2705 <strong>Video Controller with Loop &amp; Autoplay<\/strong> - Full video playback control\n\u2705 <strong>Auto Slide (Animated Comparison)<\/strong> - Hands-free animated reveal - no interaction needed\n\u2705 <strong>8 Pre-Built Slider Templates<\/strong> - Professional, ready-to-use preview styles\n\u2705 <strong>Image Comparison Carousel<\/strong> - Display multiple sliders in a carousel layout\n\u2705 <strong>Popup \/ Full-Screen View<\/strong> - Immersive distraction-free full-screen slider mode\n\u2705 <strong>Live Slider Preview<\/strong> - See your slider in real time before publishing\n\u2705 <strong>Customizable Line Shape<\/strong> - Style the divider line to match your brand\n\u2705 <strong>Line Color Customization<\/strong> - Full color control for the divider\n\u2705 <strong>Customizable Labels<\/strong> - Advanced styling for label fonts, sizes, and colors\n\u2705 <strong>Customizable Handle<\/strong> - Style the slider handle to fit your design\n\u2705 <strong>Customizable Divider<\/strong> - Full control over divider style and appearance\n\u2705 <strong>Customizable Overlay<\/strong> - Advanced overlay styling options\n\u2705 <strong>Customizable Before\/After Background Colors<\/strong> - Brand-matched color schemes\n\u2705 <strong>Adjustable Default Slider Offset<\/strong> - Set where the slider starts on load\n\u2705 <strong>Default Offset Position<\/strong> - Precise control over slider starting position\n\u2705 <strong>Hide Slide Handler<\/strong> - Clean minimal look with no visible handle\n\u2705 <strong>Slider Direction Control<\/strong> - Set sliding direction to horizontal or vertical\n\u2705 <strong>Slider Captions<\/strong> - Add informative text captions to each side of your slider\n\u2705 <strong>Slider Badge<\/strong> - Highlight featured comparisons with a custom badge\n\u2705 <strong>Indicator Image<\/strong> - Add icons or pointers to guide viewer attention\n\u2705 <strong>Priority Email Support<\/strong> - Fast, dedicated support from our team\n\u2705 <strong>Product Updates for 1 Year<\/strong> - Stay current with the latest features\n\u2705 <strong>Lowest Price Guaranteed<\/strong> - Best value in the market<\/p>\n\n<h3>\u2728 Standout Features at a Glance<\/h3>\n\n<p>\ud83d\udc49 <strong>Two-Image &amp; Three-Image Comparison Sliders<\/strong>\nHighlight transformations side-by-side, or go even further with three-way comparisons for maximum visual impact.<\/p>\n\n<p>\ud83d\udc49 <strong>Video Comparison Slider<\/strong>\nGo beyond static images. Compare before-after videos with the same intuitive drag-slide experience.<\/p>\n\n<p>\ud83d\udc49 <strong>Auto Slide (Animated Comparison)<\/strong>\nAutomatically animate your slider from start to end - a hands-free visual reveal that captures attention the moment it scrolls into view.<\/p>\n\n<p>\ud83d\udc49 <strong>One-Image Retouch Slider (Pro)<\/strong>\nCreate a before-after effect using just a single image. Apply filters like black &amp; white or blur to generate the \"before\" state - perfect for photo retouching and color correction showcases.<\/p>\n\n<p>\ud83d\udc49 <strong>Image Comparison Carousel (Pro)<\/strong>\nDisplay multiple before-after sliders in a sleek carousel. Ideal for portfolios, product showcases, and transformation case studies.<\/p>\n\n<p>\ud83d\udc49 <strong>Popup \/ Full-Screen View (Pro)<\/strong>\nGive viewers an immersive, distraction-free experience with full-screen comparison mode.<\/p>\n\n<p>\ud83d\udc49 <strong>Live Slider Preview (Pro)<\/strong>\nPreview exactly how your slider will look on the front end before publishing - adjust images, labels, and effects in real time.<\/p>\n\n<p>\ud83d\udc49 <strong>Slider Captions (Pro)<\/strong>\nAdd context and storytelling to each comparison with customizable captions on both the Before and After sides:\n- Before: Top Left or Bottom Left\n- After: Top Right or Bottom Right<\/p>\n\n<p>\ud83d\udc49 <strong>Slider Badge (Pro)<\/strong>\nHighlight featured sliders with custom badges - \"New,\" \"Edited,\" \"HD,\" or any label you choose.<\/p>\n\n<h3>\ud83d\udd0c Seamless Integration With All Major Page Builders<\/h3>\n\n<p>BefTer works beautifully with every popular WordPress page builder:<\/p>\n\n<p>\u2705 <strong>Elementor<\/strong> - Built-in widget for true drag-and-drop integration\n\u2705 <strong>Gutenberg \/ Block Editor<\/strong> - Use the Shortcode block for instant embedding\n\u2705 <strong>Divi<\/strong> - Insert shortcodes directly inside Divi modules\n\u2705 <strong>WPBakery \/ Visual Composer<\/strong> - Add shortcodes to any layout with ease\n\u2705 <strong>Bricks Builder<\/strong> - Fast, responsive sliders with zero custom code\n\u2705 <strong>Beaver Builder<\/strong> - Smooth, responsive sliders that blend with your design<\/p>\n\n<p>No matter which builder you use, BefTer delivers a consistent, seamless experience.<\/p>\n\n<p><a href=\"https:\/\/codecanel.com\/wp-before-after-image-slider\/?utm_source=repo_upgrade&amp;utm_medium=repo&amp;utm_campaign=repo_productpage&amp;utm_id=repo_productpage#features\"><strong>If you want to know more about the powerful functions and capabilities check the link.<\/strong><\/a><\/p>\n\n<h3>\ud83c\udfaf Perfect For Every Industry That Relies on Visual Impact<\/h3>\n\n<p>BefTer is trusted by professionals across a wide range of industries:<\/p>\n\n<p>\u2705 <strong>Photography &amp; Graphic Design<\/strong> - Highlight photo edits, retouching, UI\/UX redesigns, and creative makeovers\n\u2705 <strong>Beauty, Wellness &amp; Healthcare<\/strong> - Display skincare routines, cosmetic treatments, dental work, and body transformations\n\u2705 <strong>Home Improvement &amp; Interior Design<\/strong> - Showcase remodeling, renovation, painting, and landscaping projects\n\u2705 <strong>Real Estate &amp; Property Development<\/strong> - Compare staged vs. empty spaces, renovations, and new constructions\n\u2705 <strong>E-Commerce &amp; Fashion<\/strong> - Show product variations, color options, packaging changes, and design upgrades\n\u2705 <strong>Automotive &amp; Mechanical Services<\/strong> - Showcase vehicle restorations, detailing, and tuning transformations\n\u2705 <strong>Education &amp; Research<\/strong> - Visualize scientific changes, historical comparisons, and learning progress\n\u2705 <strong>Food &amp; Culinary Arts<\/strong> - Share recipe development, plating improvements, and food photography before-afters\n\u2705 <strong>Event Planning &amp; Decor<\/strong> - Present event setup transformations, wedding decor, and seasonal reveals<\/p>\n\n<h3>Video Tutorials<\/h3>\n\n<p>https:\/\/youtu.be\/zkCY5GbscWQ?si=ApxlrdUYOYsJomEu<\/p>\n\n<p>https:\/\/youtu.be\/vPh08uFcKTY?si=HMtqwdfy-D1OKqP4<\/p>\n\n<p>https:\/\/youtu.be\/eeCM0E2ggMo?si=Nxl3Uaj8jBTwh1aJ<\/p>\n\n<p>https:\/\/youtu.be\/-RL9Lun1kGg?si=Y1AkeXZbZOglBSwA<\/p>\n\n<h3>\ud83d\udcac Support &amp; Community<\/h3>\n\n<p>We offer full support for BefTer via the WordPress.org support forums and our <a href=\"https:\/\/codecanel.com\/account\/support\/\"><strong>official website<\/strong><\/a>.<\/p>\n\n<p>Before reaching out, please review our <a href=\"https:\/\/codecanel.com\/support-policy\/\"><strong>Support Policy<\/strong><\/a> to understand response times and coverage.<\/p>\n\n<p>\ud83d\udc49 <a href=\"https:\/\/www.facebook.com\/groups\/codecanel\"><strong>Join our active Facebook Community<\/strong><\/a> to stay updated with new features, tips, and announcements.<\/p>\n\n<h3>\ud83d\udd10 Security Vulnerability Reporting<\/h3>\n\n<p>We take security seriously. If you discover a vulnerability or bug, please report it immediately using our <a href=\"https:\/\/codecanel.com\/contact\/\"><strong>Contact Form<\/strong><\/a> or by opening a <a href=\"https:\/\/codecanel.com\/account\/support\/\"><strong>Support Ticket<\/strong><\/a>. Our dedicated security team will promptly review and address any legitimate issues.<\/p>\n\n<h3>Our Other Plugins<\/h3>\n\n<p>\ud83d\udc49 <a href=\"https:\/\/wordpress.org\/plugins\/writerush\/\"><strong>WriteRush<\/strong><\/a> - AI-Powered Content Writer &amp; Complete Social Media Assistant\n\ud83d\udc49 <a href=\"https:\/\/wordpress.org\/plugins\/reading-time-progress-bar\/\"><strong>Reading Time &amp; Progress Bar<\/strong><\/a> - Display estimated reading time and a progress bar on posts<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/wp-before-after-image-slider<\/code> directory, or install the plugin directly through the WordPress plugin screen by searching <strong>\"WP Before After Image Slider.\"<\/strong><\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> screen in WordPress.<\/li>\n<li>Go to <strong>Before After Sliders<\/strong> in your WordPress dashboard and click <strong>Add New.<\/strong><\/li>\n<li>Upload your before and after images, configure your settings, and save.<\/li>\n<li>Copy the generated shortcode or use the Elementor widget\/Gutenberg block to embed your slider anywhere on your site.<\/li>\n<\/ol>\n\n<p>For complete setup instructions, refer to our <a href=\"https:\/\/codecanel.com\/docs\/wp-before-after-image-slider\/\">Installation &amp; Setup Guide<\/a>.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20is%20wp%20before%20after%20image%20slider%20%28befter%29%3F\"><h3>What is WP Before After Image Slider (BefTer)?<\/h3><\/dt>\n<dd><p>WP Before After Image Slider - also known as BefTer - is a powerful WordPress plugin for creating interactive before-and-after image comparison sliders and galleries. It's the perfect tool to visually compare two or more images side by side, showcasing progress, transformation, or changes over time.<\/p><\/dd>\n<dt id=\"what%20is%20a%20before%20and%20after%20image%3F\"><h3>What is a before and after image?<\/h3><\/dt>\n<dd><p>A before-and-after image comparison displays two versions of a scene - the \"before\" and the \"after\" - to highlight visual changes. It's widely used in design, healthcare, beauty, fitness, photography, real estate, and more. For example, a dentist can display a patient's smile before and after treatment to communicate results clearly and build trust.<\/p><\/dd>\n<dt id=\"how%20do%20i%20create%20a%20before%20and%20after%20image%20slider%3F\"><h3>How do I create a before and after image slider?<\/h3><\/dt>\n<dd><p>Creating a slider is quick and easy:<\/p>\n\n<ol>\n<li>Activate the plugin.<\/li>\n<li>Go to <strong>Before After Sliders<\/strong> in your WordPress dashboard.<\/li>\n<li>Click <strong>Add New<\/strong> to create a new slider.<\/li>\n<li>Upload your images, configure your settings, and save.<\/li>\n<li>Use the generated shortcode, Elementor widget, or Gutenberg block to embed the slider anywhere on your site.<\/li>\n<\/ol><\/dd>\n<dt id=\"is%20the%20free%20version%20really%20free%3F\"><h3>Is the free version really free?<\/h3><\/dt>\n<dd><p>Yes - completely. The free version is available on the WordPress plugin repository and includes all core features for creating unlimited sliders. A Pro version with advanced features is available for those who need more customization and control.<\/p><\/dd>\n<dt id=\"can%20i%20create%20a%20gallery%20of%20before%20and%20after%20images%3F\"><h3>Can I create a gallery of before and after images?<\/h3><\/dt>\n<dd><p>Absolutely. The plugin supports before-and-after image galleries with multi-column layouts, so you can display multiple comparisons on the same page in a clean, organized format.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20compatible%20with%20all%20wordpress%20themes%3F\"><h3>Is the plugin compatible with all WordPress themes?<\/h3><\/dt>\n<dd><p>Yes. BefTer is built to work seamlessly with any modern WordPress theme. It integrates smoothly into your site's design without causing layout or performance issues.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20plugin%20with%20page%20builders%3F\"><h3>Can I use this plugin with page builders?<\/h3><\/dt>\n<dd><p>Yes. BefTer fully supports Elementor, Gutenberg, Divi, WPBakery, Bricks, and Beaver Builder. You can add sliders using shortcodes, widgets, or blocks depending on your preferred builder.<\/p><\/dd>\n<dt id=\"can%20i%20display%20multiple%20sliders%20on%20the%20same%20page%3F\"><h3>Can I display multiple sliders on the same page?<\/h3><\/dt>\n<dd><p>Yes. You can create and display multiple before-and-after sliders on a single page or across different pages. Each slider is fully independent, giving you complete flexibility.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20responsive%20and%20mobile-friendly%3F\"><h3>Is the plugin responsive and mobile-friendly?<\/h3><\/dt>\n<dd><p>Absolutely. BefTer is fully responsive and optimized for all screen sizes. Your sliders will look and perform beautifully on desktops, tablets, and smartphones.<\/p><\/dd>\n<dt id=\"is%20technical%20support%20available%3F\"><h3>Is technical support available?<\/h3><\/dt>\n<dd><p>Yes. We provide dedicated support for both free and Pro users. You can contact our support team via email or through our WordPress.org community support forum.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.3.1<\/h4>\n\n<ul>\n<li>Readme updated<\/li>\n<\/ul>\n\n<h4>2.3.0<\/h4>\n\n<ul>\n<li>Added: Badge\/watermark feature<\/li>\n<\/ul>\n\n<h4>2.2.3<\/h4>\n\n<ul>\n<li>Added: Diagonal feature<\/li>\n<\/ul>\n\n<h4>2.2.2<\/h4>\n\n<ul>\n<li>Added: Slider preview<\/li>\n<\/ul>\n\n<h4>2.2.1<\/h4>\n\n<ul>\n<li>Added: Retouch one image feature<\/li>\n<\/ul>\n\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Added: Carousel feature for displaying multiple before-after sliders<\/li>\n<\/ul>\n\n<h4>2.1.2<\/h4>\n\n<ul>\n<li>Added: Auto slider feature<\/li>\n<\/ul>\n\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>Added: Label visibility option for better control over before\/after labels<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Added: lazy loading system for images, videos, and iframes with performance optimization<\/li>\n<li>Added: Progressive loading strategy with smart loading based on user intent<\/li>\n<li>Fixed: YouTube iframe Error 153 with proper referrer policy handling<\/li>\n<\/ul>\n\n<h4>2.0.9<\/h4>\n\n<ul>\n<li>Compatibility: Latest WordPress &amp; PHP version<\/li>\n<\/ul>\n\n<h4>2.0.8<\/h4>\n\n<ul>\n<li>Image Caption Added<\/li>\n<\/ul>\n\n<h4>2.0.7<\/h4>\n\n<ul>\n<li>Issue fixed<\/li>\n<\/ul>\n\n<h4>2.0.6<\/h4>\n\n<ul>\n<li>Readme updated<\/li>\n<\/ul>\n\n<h4>2.0.5<\/h4>\n\n<ul>\n<li>Readme updated<\/li>\n<\/ul>\n\n<h4>2.0.4<\/h4>\n\n<ul>\n<li>Fixed cross-browser compatibility issues.<\/li>\n<\/ul>\n\n<h4>2.0.3<\/h4>\n\n<ul>\n<li>WordPress compatibility issue fixed<\/li>\n<\/ul>\n\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Readme updated<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Enhancement: New plugin UI<\/li>\n<li>Added: New plugin dashboard<\/li>\n<li>Added: Video control option (auto play, loop, start time, end time)   <\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed: Elementor video upload responsiveness issue    <\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Fixed: Elementor template 1,3,6 - handle border &amp; divider width issue                         <\/li>\n<li>Fixed: Template 6 appearance issue                        <\/li>\n<li>Fixed: Template 5 border width issue                              <\/li>\n<li>Fixed: Padding calculation wrong issue                                <\/li>\n<li>Fixed: Background gradient color clear issue                              <\/li>\n<li>New: Comparable before after video default widget shortcode                               <\/li>\n<li>New: Comparable before after video Elementor widget<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Readme updated<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Enhancement: Popup responsiveness in mobile devices                               <\/li>\n<li>Issue Fix: Template 6 handle border color issue                               <\/li>\n<li>Issue Fix: Template 2 and 5 label alignment top                               <\/li>\n<li>Issue Fix: Template 3 label alignment bottom                              <\/li>\n<li>Issue Fix: Template 2,4,5,6,7,8 label alignment missing                               <\/li>\n<li>Bug Fix: Image upload issue after delete                              <\/li>\n<li>Bug Fix: Divider color missing in Elementor three images<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>BugFix: Fatal error if Pro version installed without free version<\/li>\n<li>BugFix: Fatal error if free version deactivated while Pro active<\/li>\n<li>IssueFix: Both labels appear when slider moved to edges<\/li>\n<li>IssueFix: Indicator image appearance <\/li>\n<li>Compatibility: Latest WordPress &amp; PHP version<\/li>\n<li>Compatibility: Elementor 3.28<\/li>\n<li>IssueFix: Hover trigger indicator image visibility<\/li>\n<li>IssueFix: Hover trigger handle label visibility<\/li>\n<li>IssueFix: Handle background gradient issue<\/li>\n<li>IssueFix: Three image Elementor label switch condition<\/li>\n<li>IssueFix: Three image middle label responsive issue<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Introduced: Dynamic before\/after image changes for shortcode<\/li>\n<li>Introduced: API support for filter plugin settings and assets<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Improved: Media Uploader at Admin Panel<\/li>\n<li>Improved: Elementor editor support for shortcode<\/li>\n<li>Improved: Localizations<\/li>\n<li>Improved: Access permissions for sliders<\/li>\n<li>Fixed: Sliders disappearing with multiple instances<\/li>\n<li>Fixed: Widget selection issue<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release of the WP Before After Image Slider plugin.<\/li>\n<\/ul>","raw_excerpt":"WP Before After Image &amp; Video Slider for WordPress - Create Stunning Interactive Comparisons in Minutes. Lightweight, Responsive, No Coding Needed.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/179635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=179635"}],"author":[{"embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/codecanel"}],"wp:attachment":[{"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=179635"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=179635"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=179635"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=179635"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=179635"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bs.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=179635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}