Aprende cómo añadir el Whati Chat a tu sitio

El Whati Chat (antes llamado Web Chat) es el chat de Whaticket para tu sitio web. Los mensajes de los visitantes llegan a la misma pantalla de Chats que los demás canales. Para instalarlo, creas la conexión, indicas el dominio del sitio y pegas un código listo en tu página.

Antes de empezar

Tu perfil necesita el permiso Crear y editar del grupo Conexiones.
Necesitas acceso al código del sitio, para pegar el fragmento en la etiqueta <head>.

Paso a paso:

Crea la conexión Whati Chat

En el menú de la izquierda, haz clic en Conexiones.
Haz clic en Agregar Conexión.
Elige Whati Chat. La conexión se crea y se abre la ventana Edita Conexión.

Configura la atención

En la sección Chatbot, completa el Nombre de la conexión.
Escribe el Mensaje de saludo. Es obligatorio cuando la conexión tiene dos o más departamentos.
En Departamentos, elige adónde van las conversaciones. Con un único departamento, el contacto va directo a él y el menú no se envía.
Si quieres, escribe el Mensaje de despedida, que se envía al resolver el chat.

Indica el dominio del sitio y copia el código

Abre la sección Integración.
En Dominios permitidos, agrega la dirección de tu sitio exactamente como se abre en el navegador, con https:// y sin rutas. Correcto: https://www.tusitio.com. Incorrecto: www.tusitio.com (sin https://) o https://www.tusitio.com/login. Si el sitio abre con y sin www, agrega las dos direcciones.
Haz clic en Guardar.
En Snippet de código:, haz clic en el ícono de copiar.

El Whati Chat solo funciona en los dominios de la lista. Sin al menos un dominio, la conexión no se guarda, salvo que el Whati Link esté activo.

Pega el código en tu sitio

Abre el código de tu sitio.
Pega el fragmento copiado antes del cierre de la etiqueta </head>.
Guarda los cambios y abre el sitio para revisar que el Whati Chat aparezca.

Personaliza el Whati Chat

En la ventana Edita Conexión, abre la sección Configuración.
Ajusta Título, Subtítulo y Mensajes iniciales, que el visitante ve antes de escribir.
Elige el Color del Whati Chat, el Color de la burbuja, el Ícono del botón flotante y la Posición en la pantalla.
Activa o desactiva Botón flotante y Permitir audio.
Activa Pedir nombre, Pedir correo o Pedir teléfono para mostrar un formulario de identificación antes de la conversación.
Haz clic en Guardar, copia el código otra vez en la sección Integración y actualiza el fragmento en tu sitio. Las personalizaciones van dentro del código.

Preguntas frecuentes

No tengo sitio web. ¿Puedo usar el Whati Chat?
Sí. En la sección Whati Link, activa Activar enlace del chat para publicar una página con el chat y compartir la dirección en la bio de Instagram, en WhatsApp o en un código QR.

El Whati Chat no aparece en el sitio. ¿Qué reviso?
Confirma que el dominio está en Dominios permitidos exactamente como aparece en el navegador (con https:// y con o sin www), que el código está antes de </head> y que pegaste la versión más reciente del código.

Desactivé el Botón flotante. ¿Cómo abre el chat el visitante?
Con tu propio botón o enlace, llamando a la función WTT_API.toggle() en el sitio.

¿Qué pasa si hago clic en Cambiar token?
El código anterior deja de funcionar en todos los sitios. Copia el código nuevo en la sección Integración y actualiza tus páginas.