Buttoner – Multi-shadow Button for Elementor

Descripción

Buttoner añade a Elementor un widget de botón con un sistema de múltiples sombras configurables, que permite apilar varias capas de box-shadow en un solo elemento directamente desde el panel visual del constructor. Diseñado para quienes crean landing pages y buscan botones con profundidad visual más allá del estándar CSS, elimina la edición manual de código para lograr efectos de neumorfismo, sombras de colores, brillos internos y hover animado.

Características Principales de Buttoner

• Widget nativo de Elementor
  Añade un nuevo elemento de botón arrastrable dentro del panel del constructor visual.
• Sistema de múltiples sombras
  Apila varias capas de box-shadow en el mismo botón con control individual por capa.
• Sombras internas y externas
  Configura inset y outer shadows combinadas para efectos de neumorfismo y profundidad.
• Estados hover personalizables
  Define sombras, colores y transiciones distintas para el estado normal y el estado de interacción.
• Controles visuales sin código
  Ajusta el color, blur, spread y desplazamiento X e Y de cada sombra desde el panel lateral.

Beneficios de Buttoner

• Botones con identidad propia
  Crea call-to-actions visualmente diferenciados del botón estándar de Elementor.
• Ahorro de tiempo de diseño
  Evita abrir un editor de CSS o herramientas externas para componer sombras complejas.
• Mayor tasa de conversión
  Los botones con profundidad visual y hover marcado tienden a atraer más la atención del visitante.
• Libertad creativa en el constructor
  Permite reproducir tendencias de UI como neumorfismo y glassmorphism directamente en Elementor.

¿Para Quién Está Indicado Buttoner?

• Quienes crean landing pages en Elementor y necesitan botones más atractivos que el estándar.
• Diseñadores que desean reproducir efectos de neumorfismo y sombras de colores sin escribir CSS.
• Tú que creas páginas de captura y buscas llamadas a la acción visualmente destacadas.
• Agencias que entregan sitios en Elementor y buscan diferenciales visuales en los botones.

Cómo Descargar Buttoner

Buttoner está disponible para descargar aquí en Ultrapack. Después de descargar el archivo .zip, instálalo en Plugins > Añadir Nuevo > Subir plugin, selecciona el archivo y actívalo. Después de activarlo, el widget aparecerá en el panel de elementos de Elementor, en la categoría de botones personalizados.

Diseñado para quienes trabajan con Elementor día a día y desean ir más allá del botón estándar, Buttoner amplía el control de sombras del widget nativo, abriendo espacio para efectos visuales que normalmente requerirían CSS personalizado. Es un complemento enfocado en refinar el detalle visual de las llamadas a la acción, con impacto directo en la percepción de calidad de la página.

Preguntas frecuentes