Description

AN|DES is a responsive Before After Image Slider and Image Comparison Slider plugin for WordPress. It helps beauty salons, wellness centers, hair salons, aesthetic clinics, dentists, and other businesses present visual results clearly without writing code.

The visual editor lets you select images from the WordPress media library, configure labels and appearance, choose a layout and movement direction, and preview the result before publishing. You can create individual comparisons and comparison galleries, insert them with shortcodes, and present them across desktop, tablet, and mobile screens.

Main features

Visual editor for creating and managing comparisons.
Responsive layouts for desktop, tablet, and mobile.
Individual comparisons and basic comparison galleries.
Reusable shortcodes for pages, posts, and other areas that accept shortcodes.
Horizontal, vertical, and square display formats.
Left-to-right and top-to-bottom slider movement.
Configurable Before and After labels, colors, border radius, and divider appearance.
Image selection through the WordPress media library.
Admin preview and quick preview from the comparison list.
Notice when the two images do not share the same proportion.
Frontend assets load only on pages that contain a supported shortcode.

Use cases

AN|DES is designed for businesses that need to explain visual changes clearly. Beauty salons can present treatment results, hair salons can compare styles or color work, wellness and aesthetic centers can organize client-authorized images, and dental practices or other professionals can publish visual comparisons managed on their own WordPress site.

Shortcodes

[andes id="123"]

Displays one comparison. Replace 123 with the comparison ID shown in the WordPress admin.

[andes_gallery]

Displays a basic gallery of published comparisons.

Legacy aliases

[bellebefore id="123"]

[bellebefore_gallery]

These aliases remain available for compatibility with existing content.

Privacy and Client Images

AN|DES lets site owners publish before-and-after images on their own WordPress site. If images include identifiable people, the site owner is responsible for having the appropriate permission to publish them.

AN|DES does not send client images or usage data to BelleWeb or other external servers. Images remain in the WordPress media library and are handled by the website owner’s WordPress installation. The plugin does not include telemetry or load remote SDKs or resources.

Screenshots

AN|DES dashboard with quick access to create and manage comparisons.

Editor with preview, format, slider movement, and global slider style settings. — AN|DES dashboard with quick access to create and manage comparisons.

Installation

Upload the andes-de-belleweb folder to the /wp-content/plugins/ directory.
Activate AN|DES from the WordPress Plugins screen.
Create a comparison from the AN|DES menu in the WordPress admin.
Add [andes id="123"] to a page, replacing 123 with the comparison ID.
Add [andes_gallery] to display a basic gallery of published comparisons.

FAQ

What can I create with AN|DES?: You can create individual before-and-after comparisons and basic galleries of published comparisons.
Do I need to write code?: No. Configure the comparison in the visual editor, then insert it where you want it with a shortcode.
Is the comparison responsive?: Yes. The comparison adapts to desktop, tablet, and mobile screens.
How do I add a comparison to a page?: Add [andes id="123"] to a page, post, or other area that accepts shortcodes, replacing 123 with the comparison ID shown in the WordPress admin.
Are the old BelleBefore shortcodes still supported?: Yes. [bellebefore id="123"] and [bellebefore_gallery] remain available as compatibility aliases for existing content.
Does AN|DES send client images or usage data to BelleWeb?: No. AN|DES does not send client images or usage data to BelleWeb. Images remain in the WordPress media library and are handled by the website owner’s WordPress installation.
Can I use different colors for each comparison?: In this Lite version, visual colors and slider style settings are global and apply to all comparisons.
Does it include a reminder about client image authorization?: Yes. The admin interface includes a discreet reminder to make sure you have permission before publishing client images.

Reviews

beligy 22 lipnia 2026

Muy sencilla de utilizar, esperando la versión pro

Read all 1 review

Contributors & Developers

“AN|DES – Before After Image Slider” is open source software. The following people have contributed to this plugin.

BelleWeb Studio

“AN|DES – Before After Image Slider” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “AN|DES – Before After Image Slider” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.26

Improved the WordPress.org description, FAQ, shortcode formatting, and screenshot captions.

0.1.25

Improved the public plugin name and description for clearer discovery in the WordPress.org directory.

0.1.24

Fixed the admin dashboard responsive layout.

0.1.23

Refined the WordPress.org plugin description.

0.1.22

Updated source strings for WordPress.org translations.

0.1.21

Improved WordPress.org discovery tags.

0.1.20

Restored the real AN|DES SVG icon in the WordPress admin menu.

0.1.19

Fixed readme formatting for the public plugin page.
Updated the admin menu icon to use a clean monochrome SVG.
Added activate and deactivate actions for comparisons using native WordPress publish and draft statuses.

0.1.18

Removed unused internal gallery query logic from the Lite distribution.

0.1.17

Added a defer loading strategy to the frontend slider script.

0.1.16

Removed unused admin screen remnants from the Lite distribution.

0.1.15

Addressed WordPress.org pre-review feedback.

0.1.14

Fixed frontend image layer alignment by rendering comparison images at full size and locking both slider layers to identical layout rules.

0.1.13

Cleaned up remaining Plugin Check variable prefix warnings.

0.1.12

Updated the WordPress.org text domain and package root to match the assigned plugin slug.
Updated the WordPress.org readme to English.
Fixed Plugin Check blocking issues for the admin copy module and frontend asset detection.

0.1.11

Minor welcome screen alignment and overflow fixes before WordPress.org review.

0.1.10

Minor adjustments before WordPress.org review.

0.1.9

Redesigned the admin experience for clearer before-and-after creation.
Reorganized the editor with preview, format, slider movement, and global slider style settings.
Focused the Lite experience on creating and publishing complete before-and-after comparisons.
Improved buttons, color palette, and slider color preview.
Maintained compatibility for new shortcodes and legacy aliases.

0.1.8

Added square visual-format cards.

0.1.7

Fixed primary button visibility on the welcome screen.

0.1.6

Restored the previous data and visual-format section.

0.1.5

Stopped showing the internal comparison name automatically on the frontend.

0.1.4

Reorganized the initial editor section into two real columns.

0.1.3

Adjusted the format selector into a two-column text and image composition.

0.1.2

Redesigned the visual format selector in the editor.

0.1.1

Admin visual adjustments and asset versioning for QA.

0.1.0

Initial plugin base with individual shortcode and basic gallery.