Webchat Widget
Header Image Nataly | Botky

¿Cómo agregar webchat a su sitio web?

Estas aquí:
Estimated reading time: 2 min

Webchat le permite a su empresa agregar un chatbot en su sitio web que no depende de ninguna otra plataforma como Facebook, Telegram, WhatsApp o Google. Sus clientes no necesitan crear una cuenta para interactuar con su chatbot.

Agregar el código a su sitio web

1 – Navegue a Configuración > Canales > Chat web > Administrar y crear su chat web.

Añade tu página web dominio o subdominio hacia Sitios web autorizados. El chat web solo se cargará en sitios web autorizados.

Después de crear su chat web, haga clic en 3 puntos y obtenga el código.

Utilice el chat web como una sola página

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

envase: incluye el chatbot dentro de cualquier elemento HTML

ventana: el chatbot se abrirá en una nueva ventana

flotante

elemento

Sólo se utiliza si «tipo» es «contenedor». ejemplo “#div1”

encabezadoTítulo

El título que se muestra en el encabezado del chat web.

Nombre de la cuenta

color

cualquier nombre de color o código de color

#007BFF

ocultar encabezado

Ocultar la sesión que contiene el nombre comercial

verdadero Falso

FALSO

árbitro

cualquier ID de referencia/flujo/paso se enviará automáticamente

una vez que el usuario hace clic en el ICONO de chat.

Establezca la referencia como «get_started_button» para automáticamente

enviar el flujo de bienvenida.

mostrarPersona

verdadero Falso

FALSO

ocultarCompositor

verdadero Falso

FALSO

plantilla

plantilla1/plantilla2

icono

el ícono de chat que se muestra en la parte inferior | bien

bien

Distancia del icono desde el borde izquierdo de la pantalla

20px

abajo

Distancia del icono desde el borde inferior de la pantalla

20px

cargar mensajes

Cargue conversaciones pasadas con el contacto cuando se abra el chat web. verdadero Falso

verdadero

establecer campos personalizados

Permitir configurar múltiples campos personalizados.

id: ID de campo personalizado

Puede utilizar un nombre de campo del sistema como ID: correo electrónico, teléfono, nombre completo, nombre, apellido

[{id:”correo electrónico”, valor:”…@gmail.com”}, {id:348574, valor:”Valor aquí”}]

Cambiando de color

Cambiar plantilla

Actualmente, ofrecemos sólo 3 plantillas para el chat web. Pronto crearemos más plantillas.

plantilla 1

plantilla 2

Muestra la imagen de perfil de la cuenta como persona.

Cambia el ícono de chat.

<script src=»https://web.iachat.chat/webchat/plugin.js?v=2″></script>

<guión>

      ktt10.setup({id: WEBCHAT_HASH accountId: YOUR_ACCOUNT ID, showPersona: verdadero, icono: «YOUR IMAGE_URL»});

</script>

Transfiera la conversación desde cualquier canal al chat web.

No todos los canales admiten todas las funciones que admite Webchat. Por ejemplo, si un cliente envía mensajes SMS a su empresa y desea mostrar una galería con una lista de sus servicios, puede transferir la conversación al chat web. Simplemente envíe al usuario un mensaje con el siguiente campo personalizado del sistema.

{{chat web}}

Si desea iniciar automáticamente un flujo o paso cuando el usuario accede 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 de arriba 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

Views: 7