Instale el chatbot en su sitio web
Instale el chatbot en WordPress, Wix, Shopify, Webflow, Squarespace o en un sitio a medida: la guía paso a paso para cada plataforma.
Su chatbot se instala con una sola línea de código, sin modificar nada más en su sitio web. En WordPress, un plugin incluso lo hace por usted en un clic.
Dónde encontrar su código de instalación
- Abra Mis chatbots y haga clic en su chatbot.
- Abra la pestaña Código de inserción.
- Haga clic en Copiar código.
El código se parece a este (con el identificador de su chatbot):
<script src="https://scan-chat.com/api/widget" data-chatbot-id="VOTRE-IDENTIFIANT"></script>El código nunca cambia: sus modificaciones (respuestas, colores, leads…) se aplican automáticamente en su sitio web, sin necesidad de reinstalarlo.
WordPress (plugin, recomendado)
No hay código que copiar: el plugin de ScanChat AI instala su chatbot en un clic.
- En WordPress: Plugins → Add New, busque «ScanChat AI» y haga clic en Install Now y luego en Activate. El plugin está publicado en el directorio oficial de WordPress.
- Abra el menú ScanChat AI de WordPress y haga clic en Connect my account.
- Elija su chatbot: volverá a WordPress y el chatbot aparecerá en su sitio web.
Otra opción: en la pestaña Código de inserción de su chatbot, haga clic en Descargar el plugin y, en WordPress, vaya a Plugins → Add New → Upload Plugin, elija el archivo y haga clic en Activate. Es el mismo plugin; después siga los pasos 2 y 3.
Desde la página ScanChat AI de WordPress también puede ocultar el chatbot en algunas páginas (pago, aviso legal…) u ocultarlo cuando usted haya iniciado sesión, para no alterar sus estadísticas.
Wix
- En el panel de su sitio Wix: Settings → Custom Code (en la sección Advanced).
- Haga clic en + Add Custom Code y pegue su código.
- Elija All pages, cargado una sola vez (Load code once), y la ubicación Body - end.
- Haga clic en Apply.
Wix solo permite el código personalizado en sitios con un plan Premium y un dominio conectado.
Shopify
- En la administración de Shopify: Online Store → Themes.
- En su tema activo, haga clic en … y luego en Edit code.
- Abra el archivo layout/theme.liquid.
- Pegue su código justo antes de la línea
</body>y luego haga clic en Save.
Webflow
- Abra los ajustes del sitio (Site settings) y luego la pestaña Custom code.
- Pegue su código en Footer code.
- Guarde y luego publique el sitio.
El código personalizado requiere un plan de sitio de pago en Webflow.
Squarespace
- Settings → Advanced → Code Injection.
- Pegue su código en la zona Footer y luego guarde.
Otro sitio web (HTML, a medida)
Pegue el código en el HTML de su sitio web, justo antes de la etiqueta </body>, en todas las páginas donde deba aparecer el chatbot (por lo general, en la plantilla común o en el pie de página).
Para un sitio Next.js, elija el formato «Next.js» en la pestaña Código de inserción: utiliza el componente Script de Next.js.
Comprobar la instalación
Abra su sitio web en una ventana de navegación privada: la burbuja del chatbot debe aparecer en la parte inferior de la página. Si no es así:
- compruebe que el sitio se haya publicado después de añadir el código;
- vacíe la caché de su sitio si utiliza un plugin de caché (WP Rocket, LiteSpeed…);
- compruebe que su suscripción o su prueba esté activa en Facturación.
¿Necesita ayuda? Escríbanos a info@scan-chat.ai.
¿No encuentra su respuesta? info@scan-chat.ai