Webchat permite que tu empresa agregue un chatbot a tu sitio web que no depende de ninguna otra plataforma como Facebook, Telegram, WhatsApp o Google. Tus clientes no necesitan crear una cuenta para interactuar con tu chatbot.
Añadiendo el código a tu sitio web
1 – Vaya a Configuración ➡ Canales ➡ Webchat ➡ Administrar y cree su webchat.
Agregue el dominio o subdominio de su sitio web a Sitios web autorizados . El chat web solo se cargará en sitios web autorizados.
Después de crear tu Webchat, haz clic en los 3 puntos y obtén el código.
Utilice el chat web como una página única
Haga clic en los 3 puntos y en “Obtener enlace”.
El complemento de chat web es muy flexible y permite muchas personalizaciones.
| Nombre de la opción | Valores posibles / Descripción | Por defecto |
| tipo | flotante/ventana/contenedor contenedor : incluye el chatbot dentro de cualquier elemento HTML ventana : el chatbot se abrirá en una nueva ventana | flotante |
| elemento | Solo se utiliza si el “tipo” es “contenedor”. Ejemplo: “#div1” | |
| Título del encabezado | El título que se muestra en el encabezado del webchat | Nombre de la cuenta |
| color | cualquier nombre de color o código de color | #007mejor amiga |
| ocultarEncabezado | Ocultar la sesión que contiene el nombre de la empresa verdadero/falso | FALSO |
| árbitro | Cualquier ID de referencia/flujo/paso que se enviará automáticamente una vez que el usuario haga clic en el ICONO de chat. Establezca la referencia como “get_started_button” para enviar automáticamente el flujo de bienvenida. | |
| Mostrar Persona | verdadero Falso | FALSO |
| ocultarCompositor | verdadero Falso | FALSO |
| plantilla | plantilla1/plantilla2 | |
| icono | el icono de chat que se muestra en la parte inferior derecha | |
| bien | Distancia del icono desde el borde izquierdo de la pantalla | 20 píxeles |
| abajo | Distancia del icono desde el borde inferior de la pantalla | 20 píxeles |
| Cargar mensajes | Cargar conversaciones pasadas con el contacto cuando se abre el chat web. verdadero/falso | verdadero |
| establecer campos personalizados | Permite configurar varios campos personalizados. id: ID de campo personalizado Puede usar un nombre de campo del sistema como ID: correo electrónico, teléfono, nombre completo, nombre, apellido | [{id:”email”, valor:”…@gmail.com”}, {id:348574, valor:”Valor aquí”}] |
Cambiando de color
Cambiar plantilla
Actualmente, ofrecemos solo 3 plantillas para el chat web. Pronto crearemos más plantillas.
plantilla 1
plantilla 2
Mostrar la imagen de perfil de la cuenta como una persona.
Cambiar el icono del chat.
<script src="https://web.gptbotlabs.com/webchat/plugin.js?v=2"></script>
<script>
ktt10.setup({id: WEBCHAT_HASH, accountId: YOUR_ACCOUNT_ID, showPersona: true, icon: "YOUR_IMAGE_URL"});
</script>
Transfiere la conversación desde cualquier canal al webchat.
No todos los canales admiten todas las funciones que admite el chat web. Por ejemplo, si un cliente envía un mensaje a su empresa por SMS y desea mostrar una galería con una lista de sus servicios, puede transferir la conversación al chat web. Simplemente envíele un mensaje al usuario con el siguiente campo personalizado del sistema.
{{chat web}}
Si desea iniciar automáticamente un flujo o paso cuando el usuario acceda a este enlace, deberá agregar &ref=FLOW_OR_STEP_ID . Por ejemplo, si FLOW_ID es 111111, el enlace será
{{chat web}} &ref=111111
El enlace anterior cargará mensajes anteriores de la conversación entre el bot y el usuario. Si no desea cargar mensajes antiguos, agregue &lc=0 al final del enlace
{{chat web}}&ref=111111& lc=0