¿Cómo agregar webchat a su sitio web? - Chatbots con Inteligencia Artificial para Whatsapp

Estas aquí:

Inicio
Avanzado
¿Cómo agregar webchat a su sitio web?

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.

<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.

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