Configurar el Plugin Web de Atom y añadirlo al sitio web de tu empresa, te permitirá disfrutar de múltiples funcionalidades en temas de generación de tráfico. (Para más información: ¿Cuáles son las Funcionalidades del Plugin Web de Atom?).
El Administrador es el único que posee los permisos necesarios para configurar el Plugin Web.
IMPORTANTE:
- El bot a utilizar para configurar un plugin web debe debe ser creado por el equipo de bots en DialogFlow
Para configurar el Plugin Web de Atom, sigue los pasos que se detallan a continuación:
- Selecciona el módulo de Configuraciones > Plataforma > Canales
- Haz clic en el botón "Crear" ubicado en la parte superior derecha.
%2018.46.44.png?width=688&height=309&name=Captura%20de%20Pantalla%202024-03-15%20a%20la(s)%2018.46.44.png)
- Haz clic en la opción Plugin Web.
- Haz clic en la opción Continuar
%2018.48.21.png?width=688&height=304&name=Captura%20de%20Pantalla%202024-03-15%20a%20la(s)%2018.48.21.png)
-
- Imagen: Selecciona la imagen con la que se desplegará el plugin web en el sitio web de tu empresa; puede ser el logotipo o algo representativo de su marca.
- Nombre: Es el encabezado del plugin web.
- Descripción: Puedes especificar el eslogan de tu empresa o un mensaje de bienvenida. La descripción aparece debajo del nombre.
- Idioma: Corresponde al idioma en que estará configurado su plugin web; puede elegir entre Español o Inglés.
- Color: Es el color de la cabecera del plugin web; puede seleccionar un color representativo de su marca.
- Activar el movimiento del botón: Habilita la animación de movimiento del botón durante el tiempo de ejecución especificado.
- Persistencia de datos: Habilita el guardar las conversaciones en la caché del navegador.
- Tiempo de ejecución: Es el tiempo en segundos que el plugin web esperará para desplegarse cuando un cliente visite tu sitio web.
- Personalización: Corresponde al texto con el que se iniciará el chat.
%2018.51.32.png?width=688&height=305&name=Captura%20de%20Pantalla%202024-03-15%20a%20la(s)%2018.51.32.png)
Pantalla Agregar Plugin Web
- Haz clic en el botón "Continuar".
Aquí podrás seleccionar el Bot de tu preferencia.
%2013.11.57.png?width=688&height=343&name=Captura%20de%20Pantalla%202023-08-31%20a%20la(s)%2013.11.57.png)
Una vez que hayas seleccionado el bot, haz click en "Continuar".
Una vez configurado el plugin web para tu empresa, visibilizarás el botón de Conectar.
%2018.52.54.png?width=688&height=302&name=Captura%20de%20Pantalla%202024-03-15%20a%20la(s)%2018.52.54.png)
Una vez conectado exitosamente, el plugin, aparecerá listo para ser conectado en tu sitio web.
Para agregarlo al sitio web de tu empresa y obtener el plugin, sigue los pasos que se detallan a continuación:
- Selecciona el plugin web que acabas de configurar y haz clic en el ícono de tres puntos, y selecciona la opción Obtener Script.
%2018.53.46.png?width=688&height=351&name=Captura%20de%20Pantalla%202024-03-15%20a%20la(s)%2018.53.46.png)
Pantalla Canales
- Copia el código (script del plugin web) que se detalla y pegalo dentro de las etiquetas <head> ... </head> en las páginas del sitio web de tu empresa.
<atom-plugin-web isfullscreen="true" id="ZcF2JRtSidKkdb273BFU" company="TElbty6tpMg9a7G4J9eE"></atom-plugin-web>
<script src="https://atom-plugin-io.web.app/atom-plugin-web.js"></script>
- Debes tener un bot configurado previamente para este plugin web, el cual debe asignar a un grupo.
- Puedes mover el bubble del chat a gusto, tan solo agregando un parámetro a los estilos personalizados en la posición del chat. Te dejamos el siguiente ejemplo para que puedas utilizarlo y modificarlo según tus preferencias:
-
<atom-plugin-web id="8pHuhvedoZvHzXbtTGrj" company="f1r4RT6nt9QKkLVbFHMF" customchat='["position: bottom-left"]'></atom-plugin-web><script src="https://atom-plugin-io.web.app/atom-plugin-web.js"></script>Al script actual se le debe agregar la propiedadcustomchatde la siguiente manera:customchat='["position: bottom-left"]'. Esto permitirá cambiar la posición del chat.
-