Wix Bookings: personalizar el widget de miembros del personal

5 min de lectura
Después de agregar un widget de miembros del personal para mostrar a tu personal, personalízalo para que se adapte a tu marca y negocio. Puedes personalizar el diseño cambiando el fondo de la lista, las fuentes, los colores y más.
En este artículo, obtén más información sobre lo siguiente:
Consejo:
El widget de miembros del personal tiene elementos repetidos que se editan una vez, pero cuyos cambios afectan a todos los elementos similares. Por ejemplo, si cambias el color del nombre del miembro del personal, todos los nombres del personal se muestran del mismo color.

Cambiar el fondo del widget de miembros del personal

Puedes cambiar el fondo del widget de miembros del personal, así como el fondo detrás de las tarjetas que muestran a los miembros del personal. Puedes elegir un color del fondo o una imagen de fondo para ambos elementos.

Para cambiar el fondo del widget de miembros del personal:

  1. Ve al editor.
  2. Ve a la página donde tienes el widget de miembros del personal.
  3. Haz clic en el widget de miembros del personal.
  4. Haz clic en el icono Fondo
  5. Elige un color o una imagen para el fondo del widget de miembros del personal. 
Captura de pantalla que muestra cómo cambiar el fondo del widget de miembros del personal

Para cambiar el fondo detrás de cada miembro de equipo:

  1. Ve al editor.
  2. Ve a la página donde tienes el widget de miembros del personal.
  3. Haz clic en el widget de miembros del personal.
  4. Haz clic en cualquier contenedor que muestre un miembro del personal.
  5. Haz clic en Cambiar fondo.
  6. Elige un color o una imagen para el fondo detrás de cada miembro del equipo.
Captura de pantalla que muestra cómo cambiar el fondo de un widget de miembros del personal.

Personalizar el diseño del widget de miembros del personal

Puedes personalizar el diseño del widget de miembros del personal para que se ajuste al estilo general de tu sitio. Puedes agregar un borde, redondear las esquinas y agregar una sombra para que el widget se destaque.

Para personalizar el diseño del widget de miembros del personal:

  1. Ve al editor.
  2. Ve a la página donde tienes el widget de miembros del personal.
  3. Haz clic en el widget de miembros del personal. 
  4. Haz clic en el icono Diseño
  5. Elige lo que quieras personalizar:
    • Borde: usa los controles deslizantes para ajustar la opacidad y el color o el ancho del borde.
    • Esquinas: establece el radio de las esquinas del widget de miembros del personal para que sean redondeadas.
    • Sombreado: activa la palanca Aplicar sombreado y agrega una sombra al widget de miembros del personal.
Captura de pantalla que muestra cómo editar las esquinas de un widget de miembros del personal.

Personalizar las fuentes y los colores del texto

Puedes cambiar las fuentes y personalizar el diseño de cualquier parte del texto que aparece en el widget de miembros del personal. Asegúrate de que la fuente y el color del texto sean claros y fáciles de leer sobre el fondo que elijas.

Para personalizar el texto:

  1. Ve al editor.
  2. Ve a la página donde tienes el widget de miembros del personal.
  3. Haz clic en el widget de miembros del personal. 
  4. Dependiendo del texto que quieras personalizar, sigue los pasos:
    • Personalizar el texto del botón:
      1. Haz clic en el botón. 
      2. Haz clic en el icono Diseño
      3. Elige una de las siguientes opciones:
        • Elige un diseño existente.
        • Haz clic en Personalizar y personaliza el texto con las opciones disponibles. 
    • Personalizar otro texto:
      1. Haz clic en el texto que deseas editar.
      2. Haz clic en Diseño del texto.
      3. Personaliza el texto con las opciones de formato disponibles.  
Captura de pantalla que muestra cómo editar el estilo del texto en un widget de miembros del personal.

Personalizar las imágenes del personal en el widget de miembros del personal

Personaliza las imágenes de tu equipo para que se adapten al diseño de tu sitio y a tu imagen de marca. Puedes elegir entre diferentes marcos temáticos o personalizar completamente el diseño, incluso puedes añadir un borde o una sombra.

Para personalizar las imágenes de los miembros de tu equipo:

  1. Ve al editor.
  2. Ve a la página donde tienes el widget de miembros del personal.
  3. Haz clic en el widget de miembros del personal. 
  4. Haz clic en la imagen de cualquier miembro.
  5. Haz clic en el icono Diseño .
  6. Elige lo que deseas hacer:
    • Selecciona una de las sugerencias de imágenes diseñadas.
    • Haz clic en Personalizar para diseñar aún más la imagen:
      • Marcos de imagen: selecciona un marco diferente para las imágenes de los miembros del personal.
      • Borde: usa los controles deslizantes para ajustar la opacidad y el color o el ancho del borde.
      • Sombreado: habilita la palanca Activar sombreado para agregar una sombra a las imágenes de las tarjetas de los miembros del equipo.
Captura de pantalla que muestra cómo personalizar el marco de la imagen del personal.

¿Te ha sido útil?

|