Guía de Instalación

Instala el asistente virtual en tu sitio web en menos de 2 minutos. Solo necesitas copiar y pegar un fragmento de código.

📄 Instalación en HTML / PHP Personalizado

La forma más universal de instalar FlowBot AI. Funciona en cualquier sitio web programado a medida.

⚠️ Nota importante: Los códigos a continuación son ejemplos ilustrativos. Para que tu chatbot funcione, debes copiar tu código único (con tu clave de proyecto) directamente desde el panel de administración.
  1. Copia el código de instalación que se muestra a continuación.
  2. Abre el archivo principal de tu sitio web (generalmente index.html o footer.php).
  3. Pega el script justo antes de la etiqueta de cierre </body>.
  4. Guarda los cambios y actualiza tu página web para ver el chat funcionando.
HTML (Ejemplo) 
<!-- FlowBot AI Widget (Ejemplo) -->
<script src="https://flowbotia.pro/widget/widget.js?key=TU_CLAVE_AQUI"></script>
<!-- Fin del código -->

📘 Instalación en WordPress

Puedes instalar el asistente en WordPress fácilmente sin necesidad de tocar los archivos del servidor.

⚠️ Recuerda: Este es un código de ejemplo. Utiliza el código que te proporciona tu panel de administración.
  1. Inicia sesión en el panel de administrador de tu WordPress (/wp-admin).
  2. Ve a Plugins > Añadir nuevo y busca el plugin gratuito "Insert Headers and Footers" (o WPCode). Instálalo y actívalo.
  3. En el menú lateral, ve a Fragmentos de código > Cabecera y pie de página.
  4. Pega el siguiente código en la sección de Pie de página (Footer).
  5. Haz clic en "Guardar cambios".
HTML (Ejemplo) 
<!-- FlowBot AI Widget (Ejemplo) -->
<script src="https://flowbotia.pro/widget/widget.js?key=TU_CLAVE_AQUI"></script>

🛍️ Instalación en Shopify

Agrega un asistente 24/7 a tu tienda en línea para responder dudas sobre envíos y productos.

⚠️ Recuerda: Este es un código de ejemplo. Utiliza el código que te proporciona tu panel de administración.
  1. Entra a tu panel de administración de Shopify.
  2. En el menú izquierdo, ve a Tienda online > Temas.
  3. Haz clic en el botón de tres puntos (Acciones) junto a tu tema activo y selecciona Editar código.
  4. En la carpeta "Layout", busca y abre el archivo theme.liquid.
  5. Desplázate hasta el final del archivo y pega el código justo antes de la etiqueta </body>.
  6. Haz clic en "Guardar" en la esquina superior derecha.
HTML (Ejemplo) 
<!-- FlowBot AI Widget (Ejemplo) -->
<script src="https://flowbotia.pro/widget/widget.js?key=TU_CLAVE_AQUI"></script>

🌐 Instalación en Wix / Squarespace

Plataformas que usan constructores visuales permiten inyectar código de manera global fácilmente.

⚠️ Recuerda: Este es un código de ejemplo. Utiliza el código que te proporciona tu panel de administración.
  1. Ve al panel de control de tu sitio web (Dashboard).
  2. Busca la sección de Configuración (Settings) > Código personalizado (Custom Code).
  3. Haz clic en "Añadir código personalizado".
  4. Pega el código de instalación en la caja de texto.
  5. Selecciona la opción para ubicar el código en el Body - Fin (o "End of Body").
  6. Aplica los cambios a "Todas las páginas" y guarda.
HTML (Ejemplo) 
<!-- FlowBot AI Widget (Ejemplo) -->
<script src="https://flowbotia.pro/widget/widget.js?key=TU_CLAVE_AQUI"></script>