Cómo añadir un chat a su sitio Webflow
Webflow le da control total sobre el aspecto de su sitio, pero un visitante con una pregunta aún tiene que rastrear sus páginas. Un chat con IA responde con su propio contenido y, cuando hace falta, pasa la conversación a su equipo. Añadirlo a Webflow lleva una línea en el código personalizado de su sitio. Esta guía muestra dónde pegarla 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 Webflow. Elija qué páginas leer, como las de servicios, precios, envíos o ayuda, y añada documentos si sus respuestas están en archivos. El chat responde solo con lo que lee y muestra una fuente numerada para cada frase. Haga unas preguntas reales en el chat de prueba. Si falta una respuesta o no está clara, mejore la página en Webflow y deje que el chat la lea de nuevo. Fije el nombre, el saludo y las preguntas iniciales, y elija una plantilla y su logotipo. Las páginas tras un inicio de sesión no se pueden leer, así que mantenga las respuestas que necesitan los visitantes en páginas públicas. El chat no afirma un precio, fecha o política que sus fuentes no afirmen.
Paso 2: copie el embed de Webflow desde “Add to your website”
Después de salir en directo, OneType muestra su etiqueta script lista para copiar. También está en la pestaña “Add to your website” de su agente, que ofrece “Custom code”, “Webflow” y “Divhunt”. Para Webflow, usted añade el chat como embed en el código personalizado del sitio, y los pasos siguientes muestran cómo.
Paso 3: péguela en el código personalizado del sitio
El código personalizado requiere un plan de sitio de pago de Webflow. En Webflow:
- Abra su sitio y vaya a “Site settings”.
- Haga clic en “Custom code” en el menú izquierdo.
- Desplácese hasta “Footer code” y pegue la etiqueta script.
- Haga clic en “Save changes”.
La misma línea funciona en todas las páginas del sitio, así que la pega usted una sola vez. Si no es usted quien edita el sitio Webflow, un enlace de OneType abre un correo con el fragmento y las instrucciones, listo para enviárselo a quien lo haga.
Paso 4: publique su sitio Webflow
Haga clic en “Publish” arriba a la derecha. El chat solo aparece en el sitio publicado, no en el Designer. Si prueba en la dirección de staging de Webflow, que termina en webflow.io, 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. Su propio dominio se añade por usted cuando usa el paso “Go live”. Quien copie su etiqueta script a otro sitio no obtiene nada.
Paso 5: compruebe que está activo y pruébelo
Abra su sitio publicado en una pestaña nueva. Aparece un botón de chat en la esquina, y en aproximadamente un minuto OneType muestra “Live on” seguido de la dirección de su sitio, por ejemplo “Live on shop.example.com” en el paso “Go live”. No necesita abrir el chat. 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. El chat debería decir que no lo sabe y ofrecer su siguiente paso.
Ponga un motor de respuestas en su sitio Webflow
Vea cómo funciona la instalación: añadir el chat a cualquier sitio, o empiece gratis.