Descripción

AN|DES es un plugin adaptable de comparación de imágenes antes y después para WordPress. Ayuda a salones de belleza, centros de bienestar, peluquerías, clínicas estéticas, dentistas y otros negocios a mostrar resultados visuales con claridad y sin escribir código.

El editor visual permite seleccionar imágenes de la biblioteca de medios de WordPress, configurar las etiquetas y la apariencia, elegir el formato y la dirección del movimiento, y previsualizar el resultado antes de publicarlo. Puedes crear comparativas individuales y galerías de comparativas, insertarlas mediante shortcodes y mostrarlas en pantallas de escritorio, tabletas y móviles.

Características principales

Editor visual para crear y gestionar comparativas.
Diseños adaptables para escritorio, tableta y móvil.
Comparativas individuales y galerías básicas de comparativas.
Shortcodes reutilizables para páginas, entradas y otras zonas que admitan shortcodes.
Formatos de visualización horizontal, vertical y cuadrado.
Movimiento de izquierda a derecha o de arriba abajo.
Etiquetas «Antes» y «Después», colores, radios de borde y apariencia del separador configurables.
Selección de imágenes desde la biblioteca de medios de WordPress.
Vista previa en la administración y vista previa rápida desde el listado de comparativas.
Aviso cuando las dos imágenes no tienen la misma proporción.
Los recursos de la parte pública solo se cargan en las páginas que contienen un shortcode compatible.

Casos de uso

AN|DES está diseñado para negocios que necesitan mostrar cambios visuales con claridad. Los salones de belleza pueden presentar resultados de tratamientos; las peluquerías, comparar estilos o trabajos de coloración; los centros de bienestar y estética, organizar imágenes autorizadas por sus clientes; y las clínicas dentales u otros profesionales, publicar comparativas visuales gestionadas desde su propia web de WordPress.

Shortcodes

[andes id="123"]

Muestra una comparativa. Sustituye 123 por el ID de la comparativa que aparece en la administración de WordPress.

[andes_gallery]

Muestra una galería básica de comparativas publicadas.

Alias antiguos

[bellebefore id="123"]

[bellebefore_gallery]

Estos alias siguen disponibles para mantener la compatibilidad con el contenido existente.

Privacidad e imágenes de clientes

AN|DES permite a los propietarios de sitios web publicar imágenes de antes y después en su propio WordPress. Si las imágenes incluyen personas identificables, el propietario de la web es responsable de contar con el permiso adecuado para publicarlas.

AN|DES no envía imágenes de clientes ni datos de uso a BelleWeb ni a otros servidores externos. Las imágenes permanecen en la biblioteca de medios de WordPress y son gestionadas por la instalación de WordPress del propietario de la web. El plugin no incluye telemetría ni carga SDK o recursos remotos.

Capturas

Panel de AN|DES con accesos rápidos para crear y gestionar comparativas.

Editor con vista previa, formato, movimiento del comparador y ajustes generales de estilo. — Panel de AN|DES con accesos rápidos para crear y gestionar comparativas.

Instalación

Sube la carpeta andes-de-belleweb al directorio /wp-content/plugins/.
Activa AN|DES desde la pantalla de plugins de WordPress.
Crea una comparativa desde el menú AN|DES dentro del panel de WordPress.
Añade [andes id="123"] a una página y sustituye 123 por el ID de la comparativa.
Añade [andes_gallery] para mostrar una galería básica de comparativas publicadas.

FAQ

¿Qué puedo crear con AN|DES?: Puedes crear comparativas individuales de antes y después y galerías básicas de comparativas publicadas.
¿Necesito escribir código?: No. Configura la comparativa en el editor visual y después insértala donde quieras mediante un shortcode.
¿La comparativa es adaptable?: Sí. La comparativa se adapta a pantallas de escritorio, tabletas y móviles.
¿Cómo añado una comparativa a una página?: Añade [andes id="123"] a una página, entrada u otra zona que admita shortcodes y sustituye 123 por el ID de la comparativa que aparece en la administración de WordPress.
¿Siguen siendo compatibles los antiguos shortcodes de BelleBefore?: Sí. [bellebefore id="123"] y [bellebefore_gallery] siguen disponibles como alias de compatibilidad para el contenido existente.
¿AN|DES envía imágenes de clientes o datos de uso a BelleWeb?: No. AN|DES no envía imágenes de clientes ni datos de uso a BelleWeb. Las imágenes permanecen en la biblioteca de medios de WordPress y son gestionadas por la instalación de WordPress del propietario de la web.
¿Puedo usar colores distintos en cada comparativa?: En esta versión, los colores y el estilo del slider se aplican a todas las comparativas.
¿Incluye un aviso sobre el permiso para usar imágenes de clientes?: Sí. El panel incluye un recordatorio para comprobar que tienes permiso antes de publicar imágenes de clientes.

Reseñas

beligy 22 de julio de 2026

Muy sencilla de utilizar, esperando la versión pro

Leer la 1 reseña

Colaboradores y desarrolladores

«AN|DES – Before After Image Slider» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

BelleWeb Studio

«AN|DES – Before After Image Slider» está traducido en 1 idioma. Gracias a los traductores por sus contribuciones.

Traduce «AN|DES – Before After Image Slider» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

0.1.27

Compatibilidad confirmada con WordPress 7.1.
Se ha eliminado la llamada manual redundante para cargar las traducciones, de modo que los paquetes de idioma de WordPress.org utilicen la carga del núcleo de WordPress.

0.1.26

Se han mejorado la descripción de WordPress.org, las preguntas frecuentes, el formato de los shortcodes y las descripciones de las capturas de pantalla.

0.1.25

Se han mejorado el nombre público y la descripción del plugin para facilitar su localización en el directorio de WordPress.org.

0.1.24

Se ha corregido el diseño adaptable del panel de administración.

0.1.23

Descripción del plugin de WordPress.org mejorada.

0.1.22

Se han actualizado las cadenas de origen para las traducciones de WordPress.org.

0.1.21

Se han mejorado las etiquetas de búsqueda de WordPress.org.

0.1.20

Restaurado el icono SVG real de AN|DES en el menú de administración de WordPress.

0.1.19

Corregido el formato del readme para la ficha pública del plugin.
Actualizado el icono del menú de administración con un SVG limpio en un solo color.
Añadidas acciones para activar y desactivar comparativas usando los estados nativos de WordPress.

0.1.18

Eliminada lógica interna de galería no utilizada en la versión Lite.

0.1.17

Añadida carga diferida al script del slider en la parte pública.

0.1.16

Eliminados restos de pantallas de administración no usadas en la versión Lite.

0.1.15

Aplicadas las correcciones indicadas en la revisión previa de WordPress.org.

0.1.14

Corregida la alineación de las imágenes en el frontend, usando tamaño completo y las mismas reglas de diseño en ambas capas del slider.

0.1.13

Corregidos los avisos restantes de Plugin Check sobre prefijos de variables.

0.1.12

Actualizados el text domain y la raíz del paquete para coincidir con el slug asignado en WordPress.org.
Actualizado el readme de WordPress.org a inglés.
Corregidos bloqueos de Plugin Check en el módulo de copia del panel y en la detección de assets del frontend.

0.1.11

Pequeños ajustes de alineación y desbordamiento en la pantalla de bienvenida antes de la revisión de WordPress.org.

0.1.10

Pequeños ajustes antes de la revisión de WordPress.org.

0.1.9

Rediseñada la experiencia del panel para crear comparativas de antes y después de forma más clara.
Reorganizado el editor con vista previa, formato, movimiento del slider y ajustes generales de estilo.
Enfocada la versión Lite en crear y publicar comparativas completas de antes y después.
Mejorados los botones, la paleta de color y la vista previa del slider.
Mantenida la compatibilidad con los nuevos shortcodes y los alias antiguos.

0.1.8

Añadidas tarjetas de formato visual cuadrado.

0.1.7

Corregida la visibilidad del botón principal en la pantalla de bienvenida.

0.1.6

Restaurada la sección de datos y formato visual anterior.

0.1.5

Dejado de mostrar automáticamente el nombre interno de la comparativa en la parte pública.

0.1.4

Reorganizada la sección inicial del editor en dos columnas reales.

0.1.3

Ajustado el selector de formato con una composición en dos columnas.

0.1.2

Rediseñado el selector de formato visual en el editor.

0.1.1

Ajustes visuales del panel y versionado de assets para revisión.

0.1.0

Base inicial del plugin con shortcode individual y galería básica.