Cómo instalar un chatbot de IA en tu web sin programar

Guía completa · Tiempo estimado: 2 minutos · Sin código · Compatible con cualquier web

Lo que vas a conseguir

Al terminar esta guía tendrás un asistente de inteligencia artificial activo en tu web que responde preguntas de tus clientes, gestiona citas y captura leads automáticamente — las 24 horas, sin que tu equipo tenga que intervenir.

Paso 1: Crear tu cuenta (30 segundos)

Ve a app.vantelia.es/acceso y regístrate con tu email. No necesitas tarjeta de crédito. El plan Free es gratuito para siempre.

Paso 2: Introducir la URL de tu web (20 segundos)

El asistente lee tu web automáticamente. Extrae tus servicios, precios, horarios, preguntas frecuentes y cualquier información relevante para tus clientes. No tienes que escribir nada manualmente — solo pegar tu URL.

Si quieres afinar más, puedes subir documentos adicionales: tarifas en PDF, guías de servicios, políticas internas.

Paso 3: Configurar nombre, tono y branding (30 segundos)

El wizard te pide:

• Nombre del asistente: cómo se presenta a tus clientes ("Hola, soy María, la asistente de…").
• Tono: formal, cercano, técnico — lo que encaje con tu marca.
• Color: el botón del chat usa el color principal de tu marca.

Paso 4: Copiar el snippet e instalarlo (30 segundos)

Al terminar el wizard, Vantelia te da una línea de código como esta:

<script
  src="https://app.vantelia.es/widget/widget.min.js"
  data-api="https://app.vantelia.es"
  data-client="TU_ID"
  data-position="right"></script>

Pega este código justo antes del cierre </body> en tu web. El chat aparece de inmediato.

Instalación según tu plataforma

WordPress

1. Instala el plugin gratuito Insert Headers and Footers (o WPCode).
2. Ve al plugin → Footer → pega el snippet → Guardar.
3. Listo. El chat aparece en todas las páginas.

Alternativa: Apariencia → Editor de temas → footer.php → pega antes de </body>.

Wix

1. Panel de Wix → Ajustes → Código personalizado.
2. Añadir código → Body (final) → pega el snippet.
3. Publicar el sitio.

Webflow

1. Configuración del sitio → Código personalizado → Footer code.
2. Pega el snippet → Guardar → Publicar.

Squarespace

1. Ajustes → Avanzado → Inyección de código → Footer.
2. Pega el snippet → Guardar.

HTML estático o a medida

Pega el snippet antes de </body> en todas las páginas donde quieras el chat (o en tu layout compartido si usas un framework).

¿Y si mi web la lleva una agencia o un desarrollador?

Mándale el snippet. Son literalmente dos minutos de trabajo — pegar una línea antes del cierre del body. Cualquier desarrollador sabe hacerlo sin documentación adicional.

Qué pasa después de instalarlo

• El asistente empieza a responder preguntas de tus clientes de inmediato.
• Tú ves todas las conversaciones en el panel de Vantelia.
• Si cambian tus precios o servicios, actualizas tu web y reindexas el bot en un clic desde el panel.
• Puedes ajustar las respuestas, añadir preguntas manuales y mejorar el tono en cualquier momento.

Preguntas frecuentes

¿Funciona en todos los navegadores?

Sí. El widget es JavaScript vanilla sin dependencias. Funciona en Chrome, Safari, Firefox y Edge. Compatible con móvil, tablet y escritorio.

¿El chat ralentiza mi web?

No. El script carga de forma asíncrona y no bloquea el renderizado de la página. El impacto en el tiempo de carga es mínimo.

¿Cuánto cuesta?

El plan Free es gratuito para siempre: 50 mensajes y 10 citas al mes, sin tarjeta. Los planes de pago empiezan en 19 €/mes (Starter). Ver todos los planes.

¿Puedo probarlo antes de instalarlo en mi web real?

Sí. Genera una demo en vivo con los datos de tu web en menos de 1 minuto. Pruébala tú antes de mostrársela a tus clientes.