Editor de Wix: personalizar el diseño de tus botones
7 min de lectura
Crea botones hermosos y llamativos que coincidan con el sitio y alienten a los visitantes a que interactúen.
Haz clic en el icono Diseño 
en el botón para comenzar a personalizarlo.
en el botón para comenzar a personalizarlo.
En este artículo, obtén más información sobre lo siguiente:
Nota:
Las opciones para los estados de los botones varían según el tipo de botón seleccionado.
Diseño del botón
Hay una variedad de opciones de personalización disponibles. Según el tipo de botón, puedes ajustar el fondo, el texto y el icono. Elige los colores, los rellenos, las esquinas, el sombreado y más.
Personaliza el estado de cada botón individualmente para crear efectos llamativos a medida que los visitantes navegan por tu sitio. Usa colores distintos y vibrantes para los estados predeterminado, efecto cursor y activo de cada botón para mejorar la interacción y hacer que cada uno se destaque.
¿Cuál es la diferencia entre los estados del botón?
Nota:
Las opciones de personalización disponibles dependen de lo que elijas mostrar en el botón (texto, icono o ambos).
Para diseñar el botón:
- Ve al editor.
- Haz clic en el tipo de botón que deseas personalizar entre las siguientes opciones:
Personaliza un botón del icono y texto
para personalizarlos por separado.
Personalizar un botón de icono
Más información sobre la personalización de otros tipos de botones:
Glosario de diseño
Opciones de diseño de los botones
Opción | Explicación | Modo de uso |
|---|---|---|
Rellenos | Agrega diferentes rellenos, como colores, imágenes, patrones y degradados, para crear efectos impactantes y coloridos en tu botón. |
|
Bordes | Personaliza el borde del botón para que se destaque. Personaliza todos los lados del botón juntos, o cada lado por separado, al seleccionar el icono de bloqueo y desbloqueo. |
|
Esquinas | Cambia las esquinas del botón para hacerlas más redondeadas o cuadradas. Cambia el tamaño de todas las esquinas juntas o personaliza cada esquina por separado al hacer clic en el icono de bloqueo y desbloqueo. | Haz clic en los campos de píxeles que hay en cada esquina para ingresar la cantidad de píxeles que deseas aplicarle. |
Sombreado | Agrega capas de sombras al botón y personaliza el color, el tamaño y más. |
Si usas un botón para cargar:
|
Estilo | Cambia el estilo de tu botón. |
|
Opciones de formato de texto
Opción | Explicación | Modo de uso |
|---|---|---|
Mostrar texto | Muestra u oculta texto en tu botón. | Desliza la palanca para mostrar u ocultar el texto en tu botón. |
Tema | Selecciona el tema del texto del botón. | Selecciona un tema de texto en el menú desplegable. |
Fuentes | Elige la fuente del texto del botón. | Haz clic en el menú desplegable y selecciona una fuente. |
Tamaño de la fuente | Cambia el tamaño del texto del botón. | Arrastra el control deslizante para aumentar o disminuir el tamaño de la fuente, o ingresa un valor. |
Formato del texto | Aplica formato a tu texto. |
|
Espaciado de caracteres | Cambia el espacio entre los caracteres del texto. | Arrastra el control deslizante para aumentar o disminuir el espaciado, o ingresa un valor. |
Sombreado | Crea sombras para tu texto. Puedes tener más de una sombra. | Para agregar uno nuevo, haz clic en Agregar un sombreado. Haz clic en el icono Personalizar sombreado para modificarlo. |
Opciones de diseño de iconos
Opción | Explicación | Modo de uso |
|---|---|---|
Mostrar icono | Mostrar u ocultar un ícono en tu botón. | Desliza la palanca para mostrar u ocultar el icono en tu botón. |
Tamaño | Cambiar el tamaño de tu ícono. | Arrastra el control deslizante para aumentar o disminuir el tamaño de tu icono, o ingresa un valor. |
Color | Cambiar el color del ícono. | Haz clic en la caja de color y selecciona un color. |
Rotar | Ajusta la rotación del icono. | Arrastra el control para personalizar la rotación del icono o ingresa los grados en la caja de texto. |
¿Te ha sido útil?
|