Cómo añadir un chat con IA a su sitio Framer
Los sitios Framer son rápidos de diseñar y publicar, y un chat encima permite a los visitantes preguntar con sus propias palabras en lugar de buscar. Un chat con IA puede responder con sus propias páginas, mostrar la fuente de cada respuesta y pasar una conversación a su equipo. OneType no tiene plugin de Framer: usted pega una línea en los ajustes “Custom code” de su sitio, la misma línea que se usa en cualquier sitio web. Esta guía muestra qué preparar, los pasos en Framer y cómo comprobar que el chat está activo.
Paso 1: cree el chat y deje que lea su sitio
Regístrese, cree su chat e introduzca la dirección de su sitio Framer. Elija las páginas de las que debe aprender el chat, como las de producto, precios, preguntas frecuentes y contacto, y añada documentos si algunas respuestas están en archivos. El chat responde con palabras sencillas, solo con lo que usted le dio, con una fuente numerada junto a cada frase. Las páginas tras un inicio de sesión no se pueden leer. Haga unas preguntas reales en el chat de prueba, incluida una que sus páginas no responden: debería decir que no lo sabe en lugar de adivinar.
Paso 2: elija una plantilla y fije lo básico
Elija una de las plantillas de chat, añada su logotipo y fije el nombre que ven los visitantes, el saludo y unas pocas preguntas iniciales. Use las preguntas que más le envía la gente. Puede cambiar el nombre, el saludo y las preguntas iniciales más tarde desde su panel de OneType, y su sitio muestra el nuevo aspecto en aproximadamente un minuto, sin volver a publicar Framer.
Paso 3: copie su línea
Después de salir en directo, OneType muestra su línea de script lista para copiar. También está en la pestaña “Add to your website” de su agente siempre que la necesite. Si otra persona edita el proyecto de Framer, un enlace abre un correo con la línea y las instrucciones, listo para enviárselo.
Paso 4: añada la línea en “Custom Code” de Framer
- Abra “Project Settings” en su proyecto de Framer.
- Seleccione la pestaña “Custom Code” en la barra lateral izquierda.
- Haga clic en “Add Script”, o en el icono + si ya tiene scripts.
- Ponga nombre al script, por ejemplo «Chat de OneType».
- Para la ubicación, elija una posición al final del body y pegue su línea de OneType.
- Deje la lista de páginas como está para cargar el chat en todas partes, o seleccione solo las páginas donde lo quiere.
- Elija “Run on every page visit”.
- Publique su sitio y luego abra la página en vivo. Framer no carga código personalizado en la vista previa del lienzo.
Mientras prueba en la dirección propia de Framer, que termina en framer.website, añada también esa dirección exacta a los dominios permitidos de su agente, porque el chat se carga solo en los dominios que usted permite.
Paso 5: compruebe que está activo y pruébelo
Abra su sitio publicado en una pestaña nueva, no el editor. Aparece un botón de chat en la esquina de la página, y en aproximadamente un minuto OneType muestra “Live on” seguido de la dirección de su sitio, por ejemplo “Live on shop.example.com”. No necesita abrir el chat para esto. Si no aparece nada tras diez minutos, compruebe que la línea está en la página publicada, que la dirección es un dominio permitido, que ningún bloqueador de anuncios ni política de seguridad bloquea el widget y que ha recargado la página. Luego haga una pregunta que sus páginas respondan y otra que no.
Ponga el chat en su sitio Framer
Vea la configuración para Framer: chat con IA para Framer, consulte los pasos de instalación, o empiece gratis.