Cómo añadir un chat con IA a cualquier sitio web sin programar
No necesita un desarrollador para poner un chat con IA en su sitio web. Si puede pegar una línea de código en los ajustes de su sitio, puede hacerlo, y si no puede, puede enviar la línea a alguien que sí. OneType usa una pequeña etiqueta script. Una vez en sus páginas, todo lo demás, del aspecto a las respuestas, se gestiona desde su panel de OneType. Esta guía lo recorre desde el principio hasta un chat que funciona.
Paso 1: cree su chat y deje que lea su sitio
Regístrese, cree su chat e introduzca la dirección de su sitio web. Elija las páginas de las que quiere que aprenda, como las de servicios, precios, envíos, ayuda y contacto. También puede añadir documentos o pegar texto para respuestas que no están en el sitio. El chat responde con palabras sencillas, solo con lo que usted le dio, y muestra una fuente numerada junto a cada frase. Las páginas tras un inicio de sesión no se pueden leer.
Paso 2: elija un diseño entre las plantillas
Elija una de las plantillas de chat, como una burbuja de chat, una sección hero, un cuadro de preguntas frecuentes o una barra lateral. Añada su logotipo como avatar, y fije el nombre que ven los visitantes, el saludo y unas pocas preguntas iniciales. Las buenas preguntas iniciales son las que responde con más frecuencia. Use el chat de prueba para hacer preguntas reales de su bandeja de entrada y corrija cualquier respuesta floja mejorando la página o añadiendo una respuesta guardada.
Paso 3: copie su etiqueta script
En el flujo de configuración, el paso “Go live” pide el dominio de su sitio web y muestra lo que hará antes de hacerlo. Un clic hace entonces que su agente esté activo y público, añade su dominio a sus dominios permitidos y publica el widget si aún no hay nada en directo. Tras salir en directo, OneType muestra su etiqueta script lista para copiar. Va justo antes de la etiqueta de cierre del body. El mismo fragmento está en la pestaña “Add to your website” de su agente siempre que lo necesite.
Paso 4: péguela donde su sitio permita código personalizado
La misma línea funciona dondequiera que pueda añadir código personalizado. Dónde pegarla depende de su sitio:
- HTML: en sus páginas o en el diseño compartido, antes de la etiqueta de cierre del body.
- WordPress: en un plugin de cabecera y pie, o en el pie de su tema.
- Webflow: como embed en el código personalizado del sitio.
- Shopify: en el archivo de diseño de su tema.
- Next.js y React: en su layout raíz o plantilla HTML.
- Divhunt: en un elemento Embed.
No hay plugins ni apps para creadores concretos: las guías son instrucciones para pegar. Si no es usted quien edita el sitio, un enlace abre un correo con el fragmento y las instrucciones, listo para enviárselo a su desarrollador.
Paso 5: pruébelo y salga en directo
Abra su sitio publicado en una pestaña nueva, no la vista previa del editor. Aparece un botón de chat en la esquina de la página. Mientras instala, OneType vigila su sitio: en cuanto una página carga el chat, el paso “Go live” muestra “Live on” seguido de la dirección de su sitio, por ejemplo “Live on shop.example.com”, y ni siquiera 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, y compruebe que el chat dice cuándo no sabe.
Añada el chat en minutos
Vea los pasos de instalación: añadir un chat a cualquier sitio, o empiece gratis.