Personalización de las tarjetas del encabezado y del cuerpo del widget

Las instrucciones a continuación son solo para computadoras de escritorio y portátiles.
Las tarjetas facilitan la personalización del contenido del widget para tu audiencia y tu negocio. Puedes añadir un video, un formulario o incluso una barra de búsqueda de la Base de conocimientos. Con el contenido adecuado, el widget de tawk.to atraerá a más visitantes y les facilitará obtener la ayuda que necesitan.

Pasos para personalizar las tarjetas del encabezado y del cuerpo

Inicia sesión en tu cuenta de tawk.to. Luego, selecciona la propiedad correcta.

Haz clic en Administración en la barra de navegación izquierda.

Haz clic en Widget de chat en el submenú izquierdo.

Haz clic en Editar contenido (Edit Content) dentro de Contenido del Widget (Widget Content).

Esto abre el Editor de Contenido del Widget.

Desplázate hacia abajo hasta Estado del widget (Widget State), donde puedes seleccionar y personalizar los estados En línea, Ausente, Fuera de línea o Pre-Chat. Para cada estado, puedes añadir, editar, eliminar y reorganizar las tarjetas del encabezado y del cuerpo.

Mientras realizas cambios, la Vista previa del widget de escritorio (Desktop widget preview) del lado derecho te muestra cómo se verá el widget antes de guardar. Cuando guardes, los cambios se aplicarán inmediatamente al widget en tu sitio.

Haz clic en + Añadir (+ Add) para agregar nuevas tarjetas al encabezado o al cuerpo.

Para editar una tarjeta, haz clic en el icono de lápiz y realiza los cambios. Luego, haz clic en Guardar o Actualizar.

Usa el interruptor para habilitar o deshabilitar tarjetas individuales.

Haz clic y arrastra el controlador de seis puntos junto a cada tarjeta para reorganizarlas en el orden que prefieras.

Comprender las tarjetas

Estas son las tarjetas que puedes añadir a las secciones de encabezado y cuerpo de tu widget:

TarjetaEncabezadoCuerpo
AgenteX
LogotipoX
TítuloXX
Área de TextoXX
ChatX
ImagenXX
VideoXX
Búsqueda de la Base de ConocimientosXX
Lista de Artículos de la Base de ConocimientosX
Artículo Destacado de la Base de ConocimientosX
Conversaciones PreviasX

La tarjeta de búsqueda de la Base de conocimientos puede usarse en el encabezado o en el cuerpo (no en ambos al mismo tiempo).

Agentes
La tarjeta de Agentes (Agents) te permite añadir hasta cinco perfiles de agentes al encabezado del widget. Cuando añades un agente, su imagen de perfil aparece en el widget, incluso si el agente está fuera de línea. Solo se pueden añadir agentes asociados a tu cuenta y no puedes usar una imagen de alias para esta tarjeta.
Encabezado
La tarjeta de Encabezado (Heading) te permite añadir una frase destacada o un titular a tu widget. Puedes elegir la alineación y editar el contenido.


Consulta esta guía para aprender a cambiar los colores del encabezado: Cambiar la apariencia del Widget de chat de tawk.to
Chat
La tarjeta de Chat te permite tener conversaciones de chat en vivo en tu widget. Puedes personalizar etiquetas como los títulos para conversaciones nuevas y recientes, y la llamada a la acción en el área de entrada.
Imagen
La tarjeta de Imagen te permite añadir una imagen a tu widget. Puedes subir una imagen desde tu dispositivo o introducir una URL de origen. También puedes configurar la alineación, introducir una URL del enlace (Link URL)., y activar Abrir en una nueva ventana (Open in new window) para abrir el enlace en una nueva pestaña del navegador.
Artículo destacado de la Base de conocimientos
La tarjeta de Artículo destacado de la Base de conocimientos (KB Featured Article) te permite mostrar un artículo en el widget. Elige un artículo desde el menú desplegable del sitio y activa Abrir artículo en el sitio de la Base de conocimientos (Open article in KB site) si deseas abrirlo en una nueva pestaña del navegador.
Lista de artículos de la Base de conocimientos
La tarjeta de Lista de artículos de la Base de conocimientos (KB Article List) te permite mostrar hasta cinco artículos o categorías en tu widget. Activa Abrir artículo en el sitio de la Base de conocimientos si deseas abrir los artículos o categorías en una nueva pestaña del navegador.
Búsqueda en la Base de conocimientos
La tarjeta de Búsqueda en la Base de conocimientos (KB Search) permite a tus visitantes buscar directamente desde el widget de chat. Personaliza tu llamada a la acción y activa Abrir artículo en el sitio de la Base de conocimientos si deseas abrir los artículos o categorías en una nueva pestaña del navegador.
Logotipo

La tarjeta de Logotipo (Logo) añade la Imagen de la Propiedad al widget con opciones de alineación. Consulta esta guía para aprender a personalizar la Imagen de la Propiedad: Cómo cambiar la imagen de tu propiedad

Área de texto
La tarjeta de Área de texto (Text Area) te permite añadir tu propio mensaje de bienvenida al widget.

Resalta cualquier texto para acceder a opciones de formato (negrita o cursiva) y para insertar una URL de enlace.

Video
La tarjeta de Video te permite añadir videos de YouTube, Vimeo, Daily Motion, Loom y videos alojados por ti mismo al widget. Puedes configurar los tiempos de inicio y fin y activar opciones como reproducción automática, silencio y otras configuraciones del video.

Estas son las opciones disponibles para cada tipo de video:

PlataformaYoutubeVimeoDaily MotionLoomAuto-alojamiento
Hora de inicioXXXXX
Hora de finalizaciónXX
Reproducción automáticaXXXXX
Reproducción automática (móvil)XXXXX
BucleXXX
MudoXXXX
ControlesXXX
MarcaX
PrivacidadX
Título de Introducción X
Retrato de IntroducciónX
Firma de IntroducciónX
InformaciónX
LogotipoX

Consideraciones adicionales

  • Los cambios realizados en el Tablero de Control afectan al widget en vivo en tu sitio web sin necesidad de actualizar el código.


  • Si no ves los cambios reflejados en tu sitio, intenta borrar la caché del navegador o actualizar la página.

Guías relacionadas


 Si tienes comentarios sobre este artículo o necesitas más ayuda:


¿Te ha sido útil el artículo?

A 142 de 204 les gusta este artículo