NNext.js × Asyntai50 mensajes gratis

Chatbot IA para Next.jsUn componente en el layout raíz, en todas sus páginas.

Tallas, envíos, devoluciones, tejidos: su asistente IA responde en segundos con el contenido de su sitio web. Usted instala nextjs-ai-chatbot y coloca un componente en su layout raíz.

Sin tarjeta de crédito App Router y Pages Router Sin use client
tallerolivo.es/vestidos/alba
Taller Olivo
Vestido Alba
139 €
Algodón orgánicoTallas 34 a 44Producción responsable
Añadir a la cesta
Taller OlivoEn línea
¡Hola! ¿Puedo ayudarle a elegir?
Powered by Asyntai
1componente para todas las páginas
24/7atención, también de noche
0cambios en sus páginas
50mensajes gratis para empezar
Qué responde

Las preguntas que sus clientes hacen antes de comprar

Su tienda en Next.js carga rápido, pero sus clientes siguen teniendo dudas. El chatbot las resuelve al momento con su propio contenido.

¿Qué talla me queda bien?¿De qué tejido es?¿Cómo se lava?¿Cuánto tarda el envío?¿Cómo hago una devolución?¿Se fabrica de forma responsable?
¿Tienen tarjetas regalo?¿Hay descuentos?¿Envían al extranjero?¿Cómo puedo pagar?¿Dónde está mi pedido?¿Cómo contacto con ustedes?
Funciones

Hecho para sitios con Next.js

Para tiendas, sitios SaaS y documentación con Next.js, también con Fumadocs y Nextra.

Conoce sus productos

Lee sus páginas publicadas. Suba PDF (guía de tallas, instrucciones de lavado, condiciones) y añada preguntas y respuestas.

Vestido Alba139 €
Blusa Marina69 €
Guia-de-tallas.pdfLeído por la IA

Un componente

Instale el paquete, añada AsyntaiChatbot al layout raíz y compile.

1línea

Habla el idioma de sus clientes

Clientes de España, México o Portugal: responde en el idioma de la pregunta.

ESENPTFRITDE

Recoge solicitudes

Talla agotada, pedido para empresas, consulta concreta: pide el correo electrónico y lo guarda para usted.

LM
Lucía M.Vestido Alba en talla 44
Nuevo

Ordenador y móvil

La mayoría de los clientes compra desde el móvil. La ventana de chat se adapta a cada pantalla.

Usted ve lo que sus clientes quieren saber

Las conversaciones muestran qué preguntas se repiten. Así mejora sus páginas de producto donde hace falta.

Tallas38%
Devoluciones26%
Envíos17%

Solo su contenido

La IA responde con sus páginas y documentos. No inventa precios, descuentos ni promesas y no responde a preguntas fuera de tema.

¿Me escribes un poema?Solo respondo preguntas sobre Taller Olivo. ¿Quiere ver nuestra nueva colección?
En acción

Un asistente que conoce su catálogo

Responde con su contenido, recomienda productos adecuados y aparece con los colores de su marca.

  • Respuestas de sus páginas

    Tallas, tejidos, envíos: usa sus propios datos y no inventa nada.

  • Recomienda productos

    Muestra productos adecuados en tarjetas, con imagen, precio y enlace.

  • Le pasa las solicitudes

    Si falta una talla o llega un pedido para empresas, pide el correo electrónico.

Pruebe un color
Instalación

Instalación sencilla en Next.js

Asyntai tiene su propio componente de React para Next.js. Lo coloca una vez en el layout raíz y el chat aparece en todas las páginas.

Copiar el ID del widget

Cree una cuenta gratuita de Asyntai y abra la página Install. Su ID del widget está en el código, en data-asyntai-id, y empieza por asyntai_.

Instalar el paquete

Ejecute npm install nextjs-ai-chatbot en su proyecto.

Añadir el componente

Coloque <AsyntaiChatbot /> con su ID del widget al final de <body> en app/layout.tsx, como en el ejemplo. Con Pages Router, use pages/_app.js.

Compilar y publicar

Compile el sitio y publíquelo. La burbuja de chat aparece en la esquina inferior de todas las páginas.

El componente funciona en Server Components, sin use client. En lugar de escribir el ID del widget en el código, puede definirlo como NEXT_PUBLIC_ASYNTAI_WIDGET_ID al compilar.

Su proyecto app/layout.tsx
app/layout.tsx
nextjs-ai-chatbot
import { AsyntaiChatbot } from 'nextjs-ai-chatbot'; <body> {children} <AsyntaiChatbot widgetId="asyntai_SU_ID" /> </body>
next build
Por qué Asyntai

Qué ganan los sitios con Next.js

Empiece gratis con 50 mensajes y crezca con su proyecto.

01

Más ventas

Los clientes que reciben una respuesta rápida sobre tallas o envíos compran con más facilidad. También de noche.

02

Menos correos de soporte

El chatbot responde sobre devoluciones, envíos y cuidados. Su equipo tiene más tiempo.

03

Limpio para desarrolladores

Un componente, sin use client, y el ID del widget también como variable de entorno.

FAQ

Preguntas frecuentes

Todo lo que necesita saber para añadir un chatbot IA a su sitio Next.js.

¿Cómo instalo el chatbot en Next.js?

Ejecute npm install nextjs-ai-chatbot y coloque <AsyntaiChatbot widgetId="..." /> al final de <body> en app/layout.tsx. Después, compile el sitio.

¿Funciona con Pages Router?

Sí. Con Pages Router, coloque el mismo componente en pages/_app.js.

¿Necesito use client?

No. El componente funciona en Server Components. Su layout no necesita use client.

¿Puedo definir el ID del widget como variable de entorno?

Sí. Defina NEXT_PUBLIC_ASYNTAI_WIDGET_ID en .env y escriba <AsyntaiChatbot /> sin widgetId. Defina la variable donde se ejecuta next build.

¿Qué versiones de Next.js son compatibles?

Next.js 13.4 y posteriores. Lo probamos con Next.js 14 y 16.

¿Funciona con Fumadocs y Nextra?

Sí. Ambos son aplicaciones Next.js. Coloque el componente en el layout raíz, junto al provider de la documentación.

¿Cómo conoce el chatbot mi contenido?

Asyntai lee sus páginas publicadas. Escriba la dirección de su sitio en el panel. También puede añadir documentos y preguntas con sus respuestas.

¿Cuánto cuesta el paquete?

El paquete es gratuito. En Asyntai empieza con mensajes gratis y cambia a un plan mayor cuando lo necesita.

Guía

Cómo ayuda un chatbot IA a los sitios con Next.js

Tienda rápida, preguntas abiertas

Next.js hace que las tiendas y los sitios web sean rápidos. Aun así, antes de comprar los clientes casi siempre tienen dudas: ¿Qué talla me queda bien? ¿Cómo se lava? ¿Cómo funcionan las devoluciones?

Un chatbot IA responde a estas preguntas al momento, con sus propias páginas como fuente.

Un componente en lugar de una integración

El paquete nextjs-ai-chatbot es un componente de React. Lo coloca una vez en el layout raíz y el chat aparece en todas las páginas.

Funciona con App Router y Pages Router, en Server Components y con frameworks de documentación como Fumadocs y Nextra.

Menos devoluciones, más ventas

Un buen consejo sobre la talla ayuda a que el cliente pida lo correcto a la primera. Para ello, el chatbot usa su guía de tallas y sus indicaciones sobre el ajuste de cada prenda.

Cuando muestra productos adecuados en tarjetas, los clientes suelen añadir una prenda más al pedido.

Clientes en su propio idioma

El chatbot reconoce el idioma de la pregunta y responde automáticamente en ese idioma, aunque su tienda esté solo en español.

Así también atiende a clientes de otros países.

Las conversaciones muestran lo que falta en su sitio

Cada conversación se guarda y se puede buscar en el panel. Después de unas semanas, usted ve qué preguntas son las más frecuentes.

Con estas pistas, mejora sus páginas de producto y de información donde hace falta.

¿Listo para un asistente IA en su sitio Next.js?

Empiece gratis con 50 mensajes y vea cuántas preguntas hacen sus clientes cada día.

Sin tarjeta de crédito. Cancele cuando quiera.