¿CÓMO AGREGAR WEBCHAT A SU SITIO WEB?
Whapify te permite incorporar un chatbot en tu sitio web.
Esta función independiente no requiere vinculación con ninguna plataforma de terceros como Facebook, Telegram, WhatsApp o Google. Esto elimina la necesidad de que sus clientes creen nuevas cuentas y facilita interacciones más fáciles.
Además, si reúne correos electrónicos del cliente o números de teléfono a través del chat web, su negocio puede comunicarse fácilmente con ellos a través de un SMS o correo electrónico cuando sea necesario.
Incorpora el Código Webchat en su sitio web
Navegar a Configuración de canales y chat Web y Administrar
Añadir de sitios web autorizados. El chatbot solo se cargará en sitios web autorizados.
Después de crear y guardar su chat, haga clic en 3 puntos y obtener el código.
Este simple fragmento de código incrustará un chat web en su sitio web.
Personalización del esquema de color
Para cambiar el color de la interfaz webchat, incluya un atributo ‘color’ dentro de la función de configuración de la siguiente manera:
Cambiar las plantillas de Webchat
Whapify ofrece actualmente tres plantillas para chat web. Pronto ofreceremos más opciones de plantilla. Para cambiar la plantilla, incluya un atributo ‘plantilla’ dentro de la función de configuración.
Whapify actualmente proporciona tres plantillas: una plantilla predeterminada estándar y dos plantillas adicionales llamadas «template1» y «template2». En el futuro se introducirán más plantillas.
Mostrando la imagen del perfil de cuenta como Persona
Para mostrar la imagen de su perfil de cuenta como persona dentro del chat, utilice el atributo ‘showPersona’.
Modificando el ícono de Chat
Para cambiar el icono del chat, utilice el atributo ‘icon’ y especifique la URL de la imagen deseada.
Nombre de las opciones | Valores/Descripción posibles | Fallo |
tipo | flotar/venta y contenedor contenedor: incluya el chatbot dentro de cualquier elemento HTML ventana: el chatbot se abrirá en una nueva ventana | flotación |
elemento | Sólo se usa si el tipo es «conttainer». | |
Cabecera Title | El título que se muestra en la cabecera del chat web | Nombre de la cuenta |
color | cualquier nombre de color o código de color | El 007BFF |
Esconder Header | Ocultar la sesión que contiene el nombre de negocio verdad/falso | FALSE |
ref | cualquier ref/flow/step ID para ser enviado automáticamente una vez que el usuario haga clic en el chat ICON. Estampa el ref como «get-started-button-to-to–enfoque automáticamente envía el flujo de Bienvenida. | |
Espectáculo Persona | verdad/falso | FALSE |
Esconder Composer | verdad/falso | FALSE |
plantilla | plantilla1/template2 | |
iconos | el icono del chat que se muestra en la parte inferior. | |
derecho, | Distancia del icono desde el borde izquierdo de la pantalla | 20px |
el fondo | Distancia del icono desde el borde inferior de la pantalla | 20px |
Mensajes de carga | Cargar conversaciones pasadas con el contacto cuando se abre el chat web. true/false | TRUE |
Transición de la conversación de cualquier canal a Webchat
No todos los canales admiten las características completas que ofrece el chat web. Por ejemplo, si un cliente se está comunicando con su negocio a través de SMS y desea mostrar una lista de su galería de sus servicios, puede transferir la conversación a chat web.
Simplemente envíe al usuario un mensaje que contenga el siguiente campo personalizado del sistema: «webchat.
Para iniciar automáticamente un flujo o paso específico cuando el usuario acceda a este enlace, adisee «&ref=FLOW-OR-STEP-ID» hasta el final.
Por ejemplo, si el FLOW-ID es 111111, el enlace sería:
-webchat-&ref=111111
Este enlace cargará mensajes previos de la conversación entre el bot y el usuario.
Si prefiere no cargar mensajes viejos, adise de «&lc=0» al final del enlace:
-webchat-&ref=111111&lc=0
Frame
Estilo div=»ancho:100%; relleno-bottom:56.25%; posición: relativo;»
«Your WebChat Link HERE» style=»position:absolute; top:0px; left:0px;
anchura:100%; altura:100%; borde: ninguno; desbordamiento: oculto;»-iframe.
div./iframe.
Facebook Chat Plug-in
Alternativamente, le invitamos a utilizar el plug-in de chat web proporcionado por Facebook.