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

Qué exige Webflow

Webflow permite añadir código personalizado a toda la web en las webs con un Site plan de pago o en los planes de Workspace de pago. La web Starter gratuita no puede. Además, el código personalizado solo se ejecuta en la web publicada, no en el lienzo del Designer.

Consigue tu línea de código

Regístrate con tu e-mail e indica la dirección publicada de tu web (tu dominio propio, o la dirección webflow.io si es la que usan los visitantes). Después de la primera lectura, copia tu línea desde el panel:

Añádelo en Webflow

1. Abre los Site settings de tu proyecto.
2. Ve a la pestaña Custom code.
3. Pega tu línea en Footer code. Se coloca antes de la etiqueta de cierre </body> en todas las páginas.
4. Pulsa Save changes.
5. Publica la web en los dominios que uses.
6. Abre la web publicada. El botón de chat aparece en la esquina inferior derecha y tu panel muestra Conectado.

Para mostrarlo solo en una página, usa los ajustes de código personalizado de esa página (antes de </body>) en lugar del pie de página de toda la web.

¿Dos dominios? Añade los dos

Muchas webs de Webflow se pueden abrir en un dominio propio y en webflow.io. El chat solo responde en los dominios registrados en tu panel; con www y sin www cuentan como uno. Si también lo quieres en la dirección de pruebas, añade ese dominio en el panel. Para pruebas locales, localhost también funciona.

Qué hace en una web de Webflow

Lee las páginas públicas de tu web, incluidas las páginas de colecciones del CMS a las que puede llegar a través de tus enlaces, y las vuelve a leer cada día, así que los nuevos elementos del CMS y los cambios le llegan al asistente sin que tengas que hacer nada. Responde en el idioma del visitante solo a partir de esas páginas, lo dice cuando una pregunta no está cubierta y te deja esas preguntas en una lista.

Webflow se usa mucho para webs de SaaS, agencias y servicios. En ellas, las preguntas típicas son “¿se integra con X?”, “¿qué incluye el plan Pro?”, “¿cómo cancelo?” y “¿trabajan con clientes de mi país?”. Si tus páginas las responden, el asistente también. Si no, verás esas preguntas en tu lista.

En Webflow Ecommerce responde a preguntas sobre productos y políticas a partir de tus páginas. No se conecta a los pedidos de Webflow, así que no puede consultar, cancelar ni modificar pedidos: esas conversaciones se te pasan a ti.

Traspasos a tu equipo

Cuando un visitante pide hablar con una persona o necesita que se haga algo, la conversación va a tu e-mail, o a Slack, Discord o Telegram si los conectas. Desde las apps de chat puedes responder y el visitante ve tu respuesta en su ventana de chat.

Compruébalo antes de anunciarlo

1. Hazle al chat de prueba de tu página de configuración las preguntas que llegaron el mes pasado a tu bandeja de ventas o de soporte.
2. Donde falte una respuesta, añade el dato en la página donde los visitantes lo buscarían y publica.
3. Después de la siguiente lectura diaria, vuelve a preguntar y revisa en tu panel la lista de preguntas que no pudo responder.

Tus respuestas siguen siendo tuyas: el asistente no usa conocimiento externo sobre tu producto, tus competidores o tus precios, solo lo que dice tu web publicada.