Saltar al contenido
intoCHAT

Integración con Framer

Añade un chatbot con IA a tu web de Framer

Entrena un agente con las páginas y documentos de tu web de Framer y añádelo a toda la web con un script en Custom Code. Encaja con tu diseño y responde con tu propio contenido.

Crea tu agente gratis

Última actualización:

Cómo funciona intoCHAT en Framer

Framer te permite añadir scripts a toda la web desde los ajustes de Custom Code. intoCHAT solo necesita una etiqueta script al final del body, y aparece una burbuja de chat en la esquina de cada página publicada. El agente responde con lo que le das, como tus páginas de Framer, PDF y pares de preguntas y respuestas, y avisa cuando no sabe algo. El aspecto del chat se define en intoCHAT, así que puedes cambiar colores, avatar o mensaje de bienvenida sin volver a publicar tu web de Framer.

Instalar intoCHAT en Framer

  1. Crea y entrena tu agente

    Regístrate en intoCHAT, crea un agente y añade la dirección de tu web de Framer en la pestaña Knowledge. intoCHAT encuentra hasta 500 páginas, ejecuta el JavaScript antes de leerlas y te deja elegir cuáles incluir.

  2. Copia la etiqueta script

    Abre la pestaña Share y copia el código de Bubble Chat. Ya incluye el ID de tu agente.

  3. Añade un script en Custom Code

    En Framer, abre Project Settings y selecciona la pestaña Custom Code. Haz clic en Add Script, ponle un nombre como intoCHAT y pega el código.

  4. Define la posición y la frecuencia

    Coloca el script al final del body, déjalo activo en todas las páginas y configúralo como Once en lugar de en cada visita a una página.

  5. Publica y revisa la web en vivo

    Framer no carga el código personalizado en la vista previa del lienzo. Publica la web y abre la página en vivo: la burbuja de chat aparece en la esquina inferior con tus ajustes de Appearance.

El código para Custom Code de Framer

<script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>

Colócalo al final del body, no en el head, y deja que se ejecute una sola vez. El script añade la burbuja de chat al body en cuanto se ejecuta, así que el body tiene que existir, y cada ejecución extra añadiría otra burbuja.

Qué hace el agente en tu web de Framer

  • Lee tus páginas de Framer

    intoCHAT encuentra páginas a través del sitemap y los enlaces y ejecuta el JavaScript antes de leerlas, así ve tu contenido como tus visitantes. Excluye con patrones las rutas que no quieras.

  • Lo pruebas antes de publicar

    Prueba el agente en el Playground con chats temporales, ajusta sus instrucciones y fuentes, y añádelo a tu web solo cuando las respuestas sean correctas.

  • Capta leads

    Pide un email o un teléfono en el chat, con reglas como tras cierto número de mensajes o ante palabras clave, o deja que decida la IA. Los leads nuevos llegan por email.

  • Encaja con tu diseño

    Define los colores de la burbuja, la cabecera y los mensajes, el avatar, el icono del botón, el texto de ayuda y la posición, o importa tu logo y tus colores desde la dirección de tu web.

  • Responde en el idioma del visitante

    El agente responde en el idioma en el que escribe el visitante, así que un solo agente sirve para todas las versiones de idioma de tu web.

  • Ejecuta acciones en tu página

    Registra funciones JavaScript con window.IntoChatActions.register y el agente puede llamarlas durante el chat, por ejemplo para abrir un formulario en tu página.

Preguntas frecuentes

¿Por qué no veo el chat en el lienzo de Framer?

Framer no carga el código personalizado en la vista previa del lienzo. Publica tu web y abre la página en vivo en un navegador: la burbuja de chat aparece en la esquina inferior.

¿intoCHAT ralentiza mi web de Framer?

El script es un único archivo que se carga al final del body de la página, después de tu contenido. La ventana del chat funciona en su propio iframe servido por intoCHAT, así que su código queda separado del de tu web.

¿Por qué el script debe ejecutarse una sola vez?

El script añade una burbuja de chat cada vez que se ejecuta. Si se ejecuta una sola vez, los visitantes ven una única burbuja aunque pasen de una página a otra. Colocarlo al final del body garantiza además que el body exista cuando arranca.

¿El agente lee las páginas del CMS de Framer?

Sí, si están en tu sitemap o enlazadas desde tus páginas y las seleccionas en la pestaña Knowledge. Las fuentes no se sincronizan solas, así que cuando publiques cambios añade las nuevas páginas del CMS o vuelve a entrenar las que cambiaron.

¿Puede el agente responder a los visitantes en otros idiomas?

Sí. El agente responde en el idioma en el que escribe el visitante, con el mismo conocimiento. Si tu web de Framer tiene otras versiones de idioma, añade también esas páginas para que el agente pueda usar los textos traducidos.

¿Tengo que volver a publicar Framer cuando cambio el agente?

No. El script solo lleva el ID de tu agente. Los colores, la posición, el mensaje de bienvenida, las preguntas sugeridas y el conocimiento se cargan desde intoCHAT en cada visita a una página, así que los cambios aparecen sin volver a publicar.

Míralo responder con tu propia web

Pega la dirección de tu web y chatea con un agente creado a partir de tus páginas. Tarda alrededor de un minuto.

Crea tu agente gratis

Plan gratuito, sin tarjeta de crédito.