Cómo modificar el contenido del widget (widget content)
Las instrucciones a continuación son solo para computadoras de escritorio y portátiles.
Puedes cambiar fácilmente el contenido de tu widget desde el panel de control de tawk.to. En esta guía, te mostraremos cómo cambiar el idioma, editar las tarjetas de encabezado y de contenido en cada estado (En línea, Ausente y Fuera de línea), y administrar el formulario de Pre-Chat de tu widget de chat.
3. Haz clic en Administración en la barra de navegación izquierda.
4. Haz clic en Widget de chat en el submenú izquierdo.
5. Desplázate hacia abajo hasta Contenido del Widget (Widget Content) y haz clic en Editar contenido (Edit Content).
- Cambiar el idioma del widget
- Activar o desactivar funciones como Live Chat, Knowledge Base y
- Personalizar los estados En línea, Ausente y Fuera de línea, así como el formulario de Pre-Chat
Los cambios se aplican de inmediato, sin necesidad de actualizar el código del widget en tu sitio.
7. Cuando termines de personalizar tu widget, presiona Esc o haz clic en el ícono de cerrar en la esquina superior derecha para salir del editor de contenido. Volverás a la página de configuración de Widget de chat.
Haz clic en el menú desplegable Idioma (Language) y elige un idioma para el menú, las etiquetas, los botones y los formularios de tu widget. Para obtener más información, consulta esta guía: Changing your widget language
- Chat en vivo (Live Chat)
- Base de conocimientos (Knowledge Base)
- Video + Voz + Pantalla compartida (Video + Voice + Screensharing)
- Calendario (Calendar) (próximamente)
- En línea (Online): Los visitantes pueden iniciar un chat en vivo
- Ausente (Away): Indica que los agentes pueden no estar disponibles de inmediato
- Fuera de línea (Offline): Muestra un formulario para que los visitantes puedan dejar un mensaje y sus datos de contacto
- Las tarjetas de encabezado aparecen en la parte superior del widget y suelen incluir tu logotipo, un encabezado o los datos del agente.
- Las tarjetas de contenido aparecen debajo del encabezado y contienen el contenido principal, como opciones de chat, búsqueda en la Knowledge Base o texto personalizado.
- Para agregar una tarjeta, haz clic en + Agregar (+ Add) y elige el tipo de tarjeta que deseas.
- Para editar una tarjeta, haz clic en el pencil icon junto a ella. Haz clic en Actualizar (Update) para guardar los cambios.
- Para mostrar u ocultar una tarjeta, activa o desactiva el interruptor junto al nombre de la tarjeta.
- Para mover una tarjeta hacia arriba o hacia abajo, haz clic en el ícono de mover junto al nombre de la tarjeta y arrástrala a la posición deseada.
| Tarjeta | Encabezado | Cuerpo |
| Agentes | Sí | No |
| Logotipo | Sí | No |
| Título | Sí | Sí |
| Área de Texto | Sí | Sí |
| Chat | No | Sí |
| Imagen | Sí | Sí |
| Video | Sí | Sí |
| Búsqueda de la Base de Conocimientos | Sí | Sí |
| Lista de Artículos de la Base de Conocimientos | No | Sí |
| Artículo Destacado de la Base de Conocimientos | No | Sí |
| Historial de Chat | No | Sí |
Consulta esta guía para obtener más información sobre cómo editar las tarjetas de encabezado y contenido: Cómo personalizar el encabezado del widget y las tarjetas de cuerpo
Ejemplos:
En las tarjetas de encabezado, puedes configurar la alineación y editar el contenido de Heading y Text Area.
En las tarjetas de contenido, puedes activar o desactivar KB Search, Chat y Previous Conversations.
El formulario de Pre-Chat te ayuda a recopilar los datos de los visitantes antes de que comience un chat. Puedes solicitar su nombre y correo electrónico u otra información personalizada para que tu equipo pueda prepararse antes de responder. Para obtener más información, consulta esta guía: Uso del Formulario de Pre-Chat
1. Haz clic en la pestaña Pre-Chat dentro de Estado del widget (Widget State).
2. Haz clic en Habilitar el pre-chat (Enable Pre-Chat).
4. Haz clic en + Agregar (+ Add) debajo de Body Cards y selecciona Form. Aparecerá un formulario predeterminado con los campos Name y Email.
6. Haz clic en + Agregar campo (+ Add Field) para agregar otras preguntas, como una respuesta de texto corto o un menú desplegable.
7. Previsualiza tu formulario a la derecha y haz clic en Actualizar (Update) para guardar los cambios.
- Personalización por propiedad
Si administras varias propiedades o sitios web multilingües, recuerda personalizar el contenido del widget por separado para cada propiedad e idioma.
- Impacto del formulario de Pre-Chat
Exigir a los visitantes que completen un formulario antes de chatear puede reducir el volumen de chats. Mantén el formulario corto y solicita solo la información esencial.
- Buenas prácticas
Mantén los mensajes breves y fáciles de leer. Usa encabezados claros y áreas de texto cortas para que los visitantes encuentren rápidamente lo que necesitan.
- Pruebas
Siempre previsualiza tu widget en cada estado (En línea, Ausente, Fuera de línea) y verifica cómo se ve tanto en dispositivos de escritorio como móviles.
- Haz clic en el ícono verde de chat en vivo
- Programa una llamada con nosotros
- Visita nuestra comunidad