Página de inicio de Wix
Entrar

Editor de Wix: personalizar botones con texto e iconos

3 min de lectura
En este artículo
  • Cambiar el texto del botón
  • Diseñar el botón
  • Ajustar el estilo del botón
Personaliza el botón de icono y texto para que se vea exactamente como quieres. Actualiza el texto del botón según sea necesario, diseña la apariencia del botón y ajusta el estilo (por ejemplo, posicionamiento, espaciado y más).

Cambiar el texto del botón

Introduce el texto del botón para animar a los visitantes a interactuar en el sitio. Algunos ejemplos de frases posibles son "Contáctanos", "Lee más", o "Compra ahora".

Para cambiar el texto del botón:

  1. Ve al editor.
  2. Haz clic en el botón en la página. 
  3. Haz clic en Cambiar icono y texto.
  4. (Opcional) Haz clic en el menú desplegable Elige qué mostrar y selecciona una opción: Texto e icono, Solo icono, Solo texto o Nada.
  5. Edita el texto que aparece en el botón debajo de Texto.
Panel de ajustes del botón en el Editor de Wix.
También puedes elegir qué se muestra en el botón (es decir, texto, un icono o ambos) desde el panel Estilo.

Diseñar el botón

Diseñar tu botón es una excelente manera de personalizarlo según el aspecto y las necesidades de tu sitio web. Ajusta el diseño para cada estado de botón:
  • Habitual: cómo se ve el botón en el sitio antes de que los visitantes interactúan con él.
  • Efecto cursor: cómo se ve el botón cuando se pasa el cursor.

Para diseñar el botón:

  1. Ve al editor.
  2. Haz clic en el botón de tu página.
  3. Haz clic en el icono Diseño .
  4. Haz clic en Personalizar.
  5. Elige un estado del botón.
  6. Ajusta el diseño según tus necesidades:
    • Relleno de fondo: elige un color de fondo y ajusta su opacidad.
    • Texto: ajusta el tema, el color, la fuente, el tamaño y el formato del texto.
    • Bordes: ajusta el color, la opacidad y el ancho del borde.
    • Esquinas: usa las cajas para ajustar el tamaño de píxel de la esquina del botón.
    • Sombreado: agrega y personaliza una sombra en tu botón.
    • Estilo: edita el estilo y la alineación del botón.
    • Icono: muestra un icono con tu texto y ajusta su configuración.
Panel de diseño de botones en el Editor de Wix

Ajustar el estilo del botón

Cambia la posición, la alineación y el espaciado entre el texto o el icono en el botón. También puedes decidir qué sucede cuando no hay suficiente espacio en el botón para mostrar el texto completo. 

Para ajustar el estilo del botón:

  1. Ve al editor.
  2. Haz clic en el botón de tu página.
  3. Haz clic en el icono Estilo .
  4. Ajusta cualquiera de las siguientes opciones:
    • Elige qué mostrar: decide lo que se muestra en el botón: Texto e iconoSolo texto, Solo icono o Nada.
    • Posición del icono: al elegir mostrar tanto texto como un icono, decide cómo colocarlos: uno al lado del otro o uno debajo del otro. 
    • Espaciado entre texto e icono: al elegir mostrar tanto texto como un icono, arrastra el control deslizante para establecer el espacio entre ellos (en px).
    • Alineación: alinea el texto y el icono a la izquierda, al centro o a la derecha del botón. También puedes alinearlos a ambos márgenes del botón, haciendo clic en Justificar .
También puedes elegir qué se muestra en el botón (es decir, texto, un icono o ambos) desde el panel Ajustes.
Panel de estilo de los botones en el Editor de Wix.
Panel de ajustes del botón en el Editor de Wix.
Panel de diseño de botones en el Editor de Wix
Panel de estilo de los botones en el Editor de Wix.