Agregar un widget de chat en vivo a tu sitio web

El widget de chat en vivo de Deskwoot permite que los visitantes de tu sitio web inicien conversaciones directamente desde tu sitio. Carga rápido, funciona sin problemas en computadoras y celulares, y puedes personalizarlo para que combine con tu marca. Abajo encontrarás instrucciones paso a paso para configurar el widget, consejos para sacarle el máximo provecho y respuestas a preguntas comunes.

Crear la bandeja de entrada del widget

1. Ve a Configuración > Bandejas de entrada > Agregar bandeja de entrada.
2. Elige Chat en vivo como canal y luego Chat en vivo del sitio web.
3. Haz clic en Crear bandeja de entrada. Deskwoot crea la bandeja de entrada y abre su configuración.
4. En la pestaña General, dale a la bandeja de entrada un nombre claro (por ejemplo “Chat del sitio principal”). Tu equipo lo ve en el selector de bandejas de entrada, y los visitantes lo ven como el título del chat.
5. En la pestaña Widget, configura el widget:
   • Elige el Color del widget para que el widget combine con el estilo de tu sitio web.
   • Escribe un Título de bienvenida y un Subtítulo de bienvenida que saluden a los visitantes cuando abran el chat.
   • Elige la Posición del widget: Abajo a la izquierda o Abajo a la derecha.
6. Guarda cada sección que cambiaste.

Instalar el widget

Después de crear la bandeja de entrada, la tarjeta Instalación del widget de su pestaña Widget muestra un fragmento de JavaScript con el token de tu widget. Para instalarlo:

1. Copia el fragmento de código.
2. Pégalo en la sección <head> o justo antes de la etiqueta de cierre </body> de cada página donde quieras que aparezca el widget.
3. Si usas un gestor de etiquetas como Google Tag Manager, agrega el fragmento como una etiqueta de HTML personalizado.

Después de publicarlo, abre tu sitio en una ventana de incógnito para confirmar que el widget carga bien.

La dirección de correo del visitante

Un nuevo chat en vivo del sitio web no tiene ningún paso antes del chat: los visitantes escriben de inmediato. Cuando Fynn responde el chat, primero responde y luego pide una sola vez en el chat una dirección de correo, para que tu equipo pueda seguir respondiendo por correo cuando el visitante se vaya. El nombre es opcional. Si quieres la dirección antes del primer mensaje, activa Pedir el correo antes del chat en la pestaña Widget de la bandeja de entrada, en Preferencias del canal. Para pedir primero un nombre, un número de teléfono o tus propios campos, configura el formulario en la pestaña Formulario previo al chat (plan Startup y superiores). Mientras esté activado, reemplaza el paso del correo. Si la bandeja de entrada no tiene un bot de IA, nadie pregunta en el chat, así que los visitantes siguen anónimos a menos que actives el paso del correo. Los chats en vivo que creaste antes mantienen su configuración.

Personalizar el widget

Personaliza el aspecto del widget desde la configuración de tu bandeja de entrada. Puedes cambiar el color, la posición, el título de bienvenida, el subtítulo y el mensaje de bienvenida. El widget se adapta solo a las pantallas de celular, así que no necesitas una configuración aparte para móviles.

Consejos para sacarle provecho

• Mantén corto el mensaje de bienvenida. Una o dos frases amables funcionan mejor que un párrafo largo.
• Usa los colores de tu marca para que los visitantes tengan una experiencia coherente en todo tu sitio.
• Activa Pedir el correo antes del chat si ningún bot de IA responde el chat y tu equipo no puede responder de inmediato, así podrás dar seguimiento por correo.
• Prueba en varios dispositivos después de la instalación para comprobar que el widget se ve y funciona bien en navegadores de computadora y de celular.

Solución de problemas

• El widget no aparece: Asegúrate de que el fragmento de JavaScript esté bien colocado y de que ninguna extensión del navegador ni bloqueador de anuncios impida que cargue. Borra la caché y prueba en una ventana de incógnito.
• Conflictos de estilo: Si el CSS de tu sitio web afecta el aspecto del widget, busca estilos globales que puedan sobrescribir elementos iframe o botones.
• Carga lenta: Si colocas el fragmento justo antes de la etiqueta de cierre </body>, el widget carga después de tu contenido principal y casi no afecta la velocidad de la página.

Preguntas frecuentes