⚠️ Requisito Previo
Importante: El Administrador es el único usuario que posee los permisos necesarios para configurar el Plugin Web en la plataforma. Asegúrate de contar con este rol antes de comenzar.
🛠️ ¿Cómo crear el Plugin Web en Atom?
Para empezar a configurar esta herramienta, sigue estos pasos dentro de tu cuenta:
Dirígete al menú lateral y selecciona el módulo de Configuraciones > Plataforma > Canales.
Haz clic en el botón "Crear" (o "Crear Canal") ubicado en la parte superior derecha de la pantalla.
Haz clic en la opción Plugin Web.
Haz clic en el botón "Continuar".
🎨 Personalización del Plugin
En la siguiente pantalla, deberás completar una serie de campos para que el diseño del chat se adapte perfectamente a la identidad visual de tu marca:
Imagen: Selecciona la imagen con la que se desplegará el plugin web en tu sitio; puede ser el logotipo o algo representativo de tu marca.
Nombre: Es el encabezado principal del plugin web.
Descripción: Puedes especificar el eslogan de tu empresa o un mensaje de bienvenida corto. (Esta descripción aparece justo debajo del nombre).
Idioma: Corresponde al idioma en que estará configurada la interfaz del plugin; puedes elegir entre Español o Inglés.
Color: Es el color de la cabecera del chat; selecciona un color representativo de tu marca.
Activar el movimiento del botón: Habilita una animación de movimiento del botón durante el tiempo de ejecución especificado para llamar la atención del visitante.
Persistencia de datos: Habilita esta opción para guardar el historial de las conversaciones en la caché del navegador del cliente.
Tiempo de ejecución: Es el tiempo en segundos que el plugin web esperará para desplegarse automáticamente cuando un cliente visite tu sitio web.
Personalización: Corresponde al texto inicial con el que se abrirá el chat.
Una vez configurados estos detalles, haz clic en el botón "Continuar".
🤖 Selección de Bot y Conexión
En la siguiente pantalla, selecciona el Bot de tu preferencia. (Recuerda: Debes tener un bot configurado previamente para este canal, el cual debe asignar los chats a un grupo de atención).
Haz clic en "Continuar".
Revisa el resumen de tu configuración. Una vez que el plugin esté guardado, visibilizarás el botón de Conectar.
Haz clic en conectar. Una vez conectado exitosamente, el plugin aparecerá en tu lista de canales listo para ser insertado en tu sitio web.
💻 ¿Cómo agregarlo a tu sitio web?
Para instalar el plugin y que empiece a funcionar en tu página, debes obtener su código de instalación:
Ve a la pantalla de Canales, selecciona el plugin web que acabas de configurar y haz clic en el menú de tres puntos (⋮).
Selecciona la opción Obtener Script.
Copia el código (script del plugin web) que se detalla en la pantalla.
Pega este código dentro de las etiquetas
<head> ... </head>en el código fuente de las páginas de tu sitio web.
💡 Tip de personalización (Posición del chat): Puedes mover la burbuja del chat a tu gusto agregando un parámetro a los estilos personalizados de tu script. Solo debes agregar la propiedad customchat de la siguiente manera: customchat='["position: bottom-left"]'. Esto te permitirá cambiar la posición del chat en la pantalla según tus preferencias.
¡Transforma tus visitas en conversaciones! 🚀
Configurar e instalar el Plugin Web de Atom te permitirá captar de forma proactiva a los usuarios que navegan por tu página, ofreciéndoles asistencia inmediata y conectándolos rápidamente con tu equipo. ✅