Cómo cambiar la apariencia del widget de chat

Si estás buscando una manera de hacer que tu widget se destaque o combine con el esquema de color de tu sitio web, no busques más.

Al personalizar el diseño de tu widget debes tener en cuenta dos objetivos principales.

1. Haz que sea fácil de reconocer para los visitantes

2. Mantén la coherencia con tu marca

tawk.to te permite personalizar completamente el diseño de tu widget para lograr estos objetivos.

Para personalizar el diseño, dirígete a la sección Administración del Tablero de control (ícono de engranaje en la esquina inferior izquierda) y selecciona Widget de Chat en el menú.

Si tienes varias propiedades, asegúrate de estar viendo la correcta colocando el cursor sobre el ícono de la hamburguesa en la parte superior del Tablero.

El menú Avanzado en la sección Apariencia del Widget te permite cambiar el color, el tamaño y la forma del widget de chat.

Todas las opciones para cambiar la apariencia del widget se encuentran a la izquierda, mientras que el lado derecho de la ventana proporcionará una vista previa en tiempo real de los cambios que estés realizando para que puedas ver los resultados inmediatamente.

Personalización del Widget de Escritorio

Realizar cambios en la sección Widget de Escritorio solo afectará la forma en que los visitantes ven tu widget mientras usan un navegador de escritorio. Tu primera opción es entre el círculo pequeño o la forma de rectángulo.

El círculo ocupa menos espacio en una página y es ideal si estás buscando algo simple que no afecte el diseño de tu sitio web. El rectángulo es más personalizable, ya que puedes cambiar tanto el tanto el Ancho como el Alto Minimizados.

También puedes cambiar el mensaje que aparece en el widget cuando está minimizado en la sección de Contenido del Widget e incluso modificar la nitidez de sus bordes. Elige una forma más redondeada aumentando el Radio Superior y el Radio Inferior. Para cambiar el tamaño del widget cuando está abierto, ajusta el Ancho y la Altura.

Las personas se han acostumbrado a ver las opciones de chat en vivo en los sitios web y por lo general, la mayoría de ellas aparecen en la esquina inferior derecha de la página. Si bien puede ser una buena idea que mantengas el widget donde la mayoría de los visitantes lo esperan, a veces esto simplemente no funciona para el diseño de una página. Si necesitas mover tu widget de chat, puedes cambiarlo a una de las otras Posiciones de Widgets disponibles.

Si estás buscando una manera de hacer que tu widget se destaque, intenta usar el Captador de Atención. Puedes agregar tu propio texto personalizado y elegir los colores, usar una de nuestras imágenes prefabricadas de la galería, o cargar una imagen propia para asegurarte de que tus visitantes sepan que estás disponible para iniciar una conversación.

El Captador de Atención solo aparecerá si el visitante está en una computadora de escritorio o portátil, no en un dispositivo móvil.

Puedes obtener más información sobre el Captador de Atención en este artículo: Habilitación del Captador de Atención

Personalización del Widget Móvil

Cuando tus visitantes están en tu sitio web utilizando un dispositivo móvil, el espacio de la pantalla es escaso. Aquí tienes dos opciones sencillas en cuanto a la forma, el círculo pequeño o el rectángulo. Escoge una opción y elige entre seis opciones de colocación en el móvil.

Colores de Widget

La última opción para cambiar la apariencia del widget es elegir los colores del mismo. Tienes control absoluto sobre el texto y los colores de fondo. Si deseas incorporar los colores de tu empresa, aquí es donde puedes hacer coincidir el texto o el fondo usando un código de color hexadecimal. De todas formas, siempre ten en cuenta que lo más importante es asegurarte de que el widget se destaque para que tus visitantes puedan encontrarlo.

Tu obra maestra ahora debería estar completa. ¡Felicidades! Seguramente es una obra de arte.