ChatbotNeoHTML / JavaScript
Guía para insertar el script del chatbot en cualquier sitio web HTML, PHP, Python o React. Código asíncrono optimizado.
La integración vía HTML es el método más universal. Funciona en cualquier sitio web, desde una landing page estática hasta aplicaciones a medida (PHP, Python, React, etc.).
Obtén tu Código
Si no copiaste el código en el momento de crear el chatbot, puedes recuperarlo en cualquier momento:
- Ve a tu Dashboard y en el desplegable de arriba a la izquierda selecciona Ver todos los chatbots.
- Busca el chatbot que quieres insertar.
- Copia el bloque de código completo haciendo clic en el botón de copiar.
Localiza el archivo correcto
Abre el código fuente de tu página web.
- Si es una web simple: abre el
index.html. - Si usas un framework o plantillas: busca el archivo que controle el pie de página (ej:
footer.php,layout.tsx, etc.).
Debes buscar la etiqueta de cierre del cuerpo de la página: </body>.
Pega el Script
Pega el código que has copiado del dashboard justo encima de esa etiqueta de cierre.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Mi Web</title>
</head>
<body>
<!-- Todo el contenido de tu web... -->
<footer>...</footer>
<!-- 👇 PEGA TU CÓDIGO AQUÍ 👇 -->
<script
id="chatbotneo-embed-script"
src="https://chatbotneo.com/widget.js?id=TU_ID_AQUI"
></script>
<!-- 👆 FIN DEL CÓDIGO 👆 -->
</body>
</html>Nota de Rendimiento
Colocar el script al final del body asegura que el contenido visual de tu web cargue primero. El widget es asíncrono, por lo que no ralentizará tu página.
Verifica la Instalación
- Guarda los cambios.
- Abre tu página web en una nueva pestaña.
- Refresca la caché (Ctrl + F5 en Windows o Cmd + Shift + R en Mac).
- El chatbot debería aparecer en la posición que lo tengas configurado.
Si no aparece, asegúrate de que la URL de tu navegador coincide con la que pusiste en la configuración del chatbot (si elegiste el Modo Producción).