Editor de Wix Harmony: agregar y personalizar botones

1. Haz clic en Editar texto en la barra de acciones.
2. Ingresa el texto que deseas para el botón en el campo Texto.

1. Haz clic en Estilos de botones en la barra de acciones.
2. Elige si deseas actualizar uno de los estilos existentes o guardarlo como un estilo adicional. 

1. Haz clic en el icono Diseño al pasar el cursor en la barra de acciones.

2. Elige lo que sucede cuando los visitantes pasan el cursor sobre el botón:

   • Subrayado: muestra un subrayado debajo del texto del botón.

   • Sombra: muestra una sombra detrás del botón.

   • Invertir: invierte los colores del botón (cambian el color del texto y el color del fondo).

   • Tinte: cambia ligeramente el color del fondo del botón a un tono diferente.

   • Resplandor: agrega una sombra brillante y sutil detrás del botón.

   • Todas las opciones de diseño: personaliza el diseño del estado al pasar cursor según tus necesidades exactas, eligiendo los colores de relleno, la sombra, los bordes y más.

1. Haz clic en el icono Mostrar elementos en la barra de acciones.
2. Selecciona la casilla de verificación para mostrar u ocultar el texto o el icono del botón.

1. Haz clic en Personalizar icono en la barra de acciones.

2. Haz clic en el icono Reemplazar .

3. Desplázate por las opciones disponibles o filtra por lo siguiente:

   • Tipo: elige una forma de arte vectorial básica, el icono de una app o un icono animado.
     Consejo: Si eliges un icono animado, puedes ajustar la duración de la animación usando el control deslizante. Obtén más información sobre los iconos animados en la sección a continuación.

   • Categoría: selecciona una categoría para cada tipo de icono, como acciones, palancas o iconos de apps de redes sociales.

   • Orientación: filtra las opciones por iconos horizontales o verticales.

4. Selecciona un diseño que te guste y haz clic en Actualizar.

Los iconos animados le aportan vida a tus botones al agregarles movimiento y estilo. Configura tus propios iconos de inicio y finalización, personaliza el aspecto de la animación y ajusta su velocidad para que se adapte al diseño de tu sitio.

1. Haz clic en Personalizar icono en la barra de acciones.

2. Haz clic en Animado.

3. Haz clic en Crear nuevo icono animado.

4. Haz clic en el icono Agregar  debajo de Icono de inicio.

5. Desplázate por las opciones disponibles o filtra por lo siguiente:

   • Tipo: elige una forma de arte vectorial básica o el icono de una app.

   • Categoría: selecciona una categoría para cada tipo de icono, como acciones, palancas o iconos de apps de redes sociales.

   • Orientación: filtra las opciones por iconos horizontales o verticales.

6. Selecciona un diseño que te guste y haz clic en Actualizar.

7. Haz clic en el icono Agregar debajo de Icono de finalización.

8. Selecciona un diseño que te guste y haz clic en Actualizar.

9. Haz clic en Volver.

10. Usa el control deslizante debajo de Duración para ajustar la duración de la animación.

11. Pasa el cursor sobre el icono en el panel para obtener una vista previa.

1. Haz clic en el icono Enlace en la barra de acciones.

2. Haz clic en el campo debajo de Elige un enlace.

3. Ajusta el enlace y el tipo de enlace según sea necesario.

Más información sobre cómo agregar un enlace a un elemento.

Por supuesto, puedes establecer un color o un fondo degradado para que el botón sea más notorio y llamativo. 

1. Haz clic en el icono Todas las opciones de diseño en la barra de acciones.

2. Selecciona Botón bajo Elige qué quieres diseñar.

3. Haz clic en Colores de relleno.

4. Haz clic en el círculo de color y luego elige entre un color o un fondo degradado.

1. Haz clic en el botón en el editor.

2. Haz clic en el icono Enlace en la barra de acciones.

3. Haz clic en el enlace.

4. Haz clic en Mostrar este PDF en los resultados de búsqueda.

5. Haz clic en Activar indexación.