🔷 En este artículo te explicaremos paso a paso cómo integrar y personalizar el Web Chat de Whaticket en tu sitio web, para que puedas recibir mensajes directamente desde tu página y mejorar la comunicación con tus clientes.
🔵 Acceder a la pestaña de conexión
Para comenzar, sigue estos pasos:
1️⃣ Accede a la pestaña Conexión dentro de la plataforma de Whaticket.
2️⃣ Haz clic en Añadir.
3️⃣ Selecciona la opción Conexión del Web Chat.
🔵 Configuración de la conexión del Web Chat
Una vez creada la conexión, debes configurarla correctamente:
1️⃣ Asignar un nombre: Introduce un nombre para identificar esta conexión.
2️⃣ Mensaje de saludo: Es obligatorio si tienes dos o más departamentos.
3️⃣ Mensaje de despedida: Este campo es opcional.
4️⃣ Asignar departamentos: Selecciona los departamentos que deseas asociar al Web Chat.
🔵 Importante
▪️ Debes ingresar la URL principal de tu sitio web para que el chat funcione correctamente.
▪️ No incluyas rutas específicas dentro de la URL.
Ejemplo:
✔️ Correcto: www.whaticket.com
❌ Incorrecto: www.whaticket.com/login
Después de definir la URL, haz clic en Guardar. Luego se generará un fragmento de código que deberás insertar en tu sitio web.
🔵 Insertar el código en tu sitio web
El código generado debe añadirse dentro de la etiqueta <head> de tu sitio web.
▪️ Asegúrate de que el código del Web Chat esté colocado debajo de la información principal de tu sitio.
▪️ Guarda los cambios y verifica que el Web Chat aparezca correctamente en tu página.
🔵 Personalizar tu Web Chat
Una vez agregado el Web Chat a tu sitio, puedes realizar modificaciones para adaptarlo a tu marca y necesidades:
▪️ Title: Cambia el título que se muestra cuando el cliente abre el WebChat.
▪️ Subtitle: Modifica el subtítulo que aparece debajo del título.
▪️ InitialMessages: Define el primer mensaje que verá el usuario antes de iniciar la conversación.
▪️ Position: Elige la posición del botón en la pantalla (izquierda o derecha).
▪️ toggleButtonEnabled: Activa o desactiva el botón del Web Chat sin eliminarlo.
▪️ toggleButtonBgColor: Define el color de fondo del botón en formato hexadecimal.
▪️ isAudioEnabled: Permite o restringe el envío de mensajes de audio por parte de los clientes.
Siguiendo estos pasos, tu Web Chat estará correctamente configurado y funcionando en tu sitio web. Ahora podrás recibir mensajes de clientes y mejorar tu comunicación en línea.
¿Tienes dudas adicionales? No te preocupes, estamos aquí para ayudarte. Entra en contacto con nuestro equipo presionando el botón de "Soporte" ubicado en el menú izquierdo de nuestra plataforma.
