Guía del widget de botón personalizado

El widget de botón personalizado te permite añadir fácilmente botones clicables a tu sitio web con diversas acciones. Aquí te explicamos cómo usarlo eficazmente:

1. Elige un estilo de botón

• Opciones de diseño:

• Llamada a la acción principal

• Botón con contorno

• Botón redondeado

• Acción: Haz clic en un estilo, previsualízalo y personalízalo.

2. Usa las pestañas de edición

• Contenido: Añade texto y configura la acción del botón.

• Estilo: Personaliza la apariencia del botón.

• Ajustes: Configura su comportamiento en diferentes dispositivos.

3. Personaliza tu botón

Pestaña Contenido

• Texto del botón: Define el texto del botón (p. ej., «Comprar ahora»).

• Enlace o acción: Configura la acción al hacer clic (navegar, desplazar, abrir ventana emergente, descargar).

• Icono (Opcional): Agrega un icono antes o después del texto.

• Abrir en una pestaña nueva: Opción para abrir los enlaces en una nueva ventana del navegador.

Pestaña Estilo

• Colores: Elige los colores de fondo, texto y efecto al pasar el cursor.

• Fuente: Selecciona el tipo, tamaño y grosor de la fuente.

• Bordes y Espaciado: Ajusta el radio y el espaciado de los bordes.

• Sombra y Efectos: Agrega un brillo al pasar el cursor o animaciones al hacer clic.

• Alineación: Posiciona el botón (izquierda, centro, derecha).

Pestaña Configuración

• Visibilidad en Dispositivos: Muestra u oculta el botón en diferentes dispositivos.

• Animación al Clic: Agrega efectos como rebote o fundido.

• Modo Fijo: Mantén el botón visible al desplazarte.

• Código Personalizado (Opcional): Incluye CSS o JavaScript adicional.

Consejos Útiles

• ✅ Usa la pestaña Contenido para la funcionalidad del botón.

• 🎨 Usa la pestaña Estilo para modificar la apariencia.

• ⚙️ Usa la pestaña Configuración para ajustar el comportamiento.

• 💾 ¡Recuerda hacer clic en "Guardar" después de editar!