NNext.js × Asyntai50 messages offerts

Chatbot IA pour Next.jsUn composant dans le layout racine, sur toutes vos pages.

Tailles, livraison, retours, matières : votre assistant IA répond en quelques secondes à partir des contenus de votre site. Vous installez nextjs-ai-chatbot et vous placez un composant dans votre layout racine.

Commencer gratuitement Voir l’installation

Sans carte bancaire App Router et Pages Router Sans use client

maison-celestine.fr/robes/lison

Maison Célestine

Robe Lison

155 €

Coton bioDu 34 au 44Fabrication responsable

Ajouter au panier

Maison CélestineEn ligne

Bonjour ! Puis-je vous aider à choisir ?

1composant pour toutes les pages

24/7conseil, même la nuit

0modification de vos pages

50messages gratuits pour commencer

Ce qu’il répond

Les questions que vos clients posent avant d’acheter

Votre boutique Next.js est rapide, mais vos clients ont encore des questions. Le chatbot y répond aussitôt, à partir de vos propres contenus.

Quelle taille me convient ?Quelle est la matière ?Comment le laver ?Quel est le délai de livraison ?Comment faire un retour ?Est-ce fabriqué de façon responsable ?

Proposez-vous des cartes cadeaux ?Y a-t-il des réductions ?Livrez-vous à l’étranger ?Comment puis-je payer ?Où est ma commande ?Comment vous contacter ?

Fonctions

Conçu pour les sites Next.js

Pour les boutiques, les sites SaaS et les documentations sous Next.js, y compris avec Fumadocs et Nextra.

Il connaît vos produits

Il lit vos pages publiées. Ajoutez des PDF (guide des tailles, conseils d’entretien, conditions) ainsi que des questions et réponses.

Robe Lison155 €

Blouse Aurore85 €

Guide-des-tailles.pdfLu par l’IA

Un composant

Installez le paquet, ajoutez AsyntaiChatbot au layout racine, puis lancez le build.

1ligne

Il parle la langue de vos clients

Clients de Belgique, de Suisse ou du Canada : il répond dans la langue de la question.

FRENDEESITNL

Il recueille les demandes

Taille épuisée, commande d’entreprise, question précise : il demande l’adresse e-mail et l’enregistre pour vous.

Camille D.Robe Lison en taille 44

Nouveau

Ordinateur et smartphone

La plupart des clients achètent sur mobile. La fenêtre de chat s’adapte à chaque écran.

Vous voyez ce que vos clients veulent savoir

Les conversations montrent les questions qui reviennent. Vous améliorez ainsi vos pages produit là où il le faut.

Tailles38%

Retours26%

Livraison17%

Uniquement vos contenus

L’IA répond à partir de vos pages et documents. Elle n’invente ni prix, ni réductions, ni promesses et ne répond pas aux questions hors sujet.

Tu m’écris un poème ?Je réponds uniquement aux questions sur Maison Célestine. Puis-je vous montrer notre nouvelle collection ?

En action

Un assistant qui connaît votre catalogue

Il répond à partir de vos contenus, recommande les bons produits et apparaît aux couleurs de votre marque.

Des réponses tirées de vos pages
Tailles, matières, livraison : il utilise vos propres informations et n’invente rien.
Il recommande des produits
Il présente les produits adaptés sous forme de cartes, avec image, prix et lien.
Il vous transmet les demandes
Pour une taille manquante ou une commande d’entreprise, il demande l’adresse e-mail.

Essayez une couleur

Installation

Installation simple dans Next.js

Asyntai propose son propre composant React pour Next.js. Vous le placez une fois dans le layout racine, et le chat apparaît sur toutes les pages.

Copier l’ID du widget

Créez un compte Asyntai gratuit et ouvrez la page Install. Votre ID du widget se trouve dans le code, à data-asyntai-id, et commence par asyntai_.

Installer le paquet

Exécutez npm install nextjs-ai-chatbot dans votre projet.

Ajouter le composant

Placez <AsyntaiChatbot /> avec votre ID du widget à la fin de <body> dans app/layout.tsx, comme dans l’exemple. Avec Pages Router, utilisez pages/_app.js.

Lancer le build et publier

Lancez le build du site, puis publiez-le. La bulle de chat apparaît dans le coin inférieur de chaque page.

Le composant fonctionne dans les Server Components, sans use client. Au lieu d’écrire l’ID du widget dans le code, vous pouvez le définir avec NEXT_PUBLIC_ASYNTAI_WIDGET_ID au moment du build.

Votre projet app/layout.tsx

app/layout.tsx

Paquet

nextjs-ai-chatbot

Layout racine

import { AsyntaiChatbot } from 'nextjs-ai-chatbot'; <body> {children} <AsyntaiChatbot widgetId="asyntai_VOTRE_ID" /> </body>

next build

Pourquoi Asyntai

Ce que les sites Next.js y gagnent

Commencez gratuitement avec 50 messages et évoluez avec votre projet.

Voir les tarifs Commencer gratuitement

Plus de ventes

Les clients qui obtiennent vite une réponse sur la taille ou la livraison achètent plus facilement. Y compris la nuit.

Moins d’e-mails au support

Le chatbot répond sur les retours, la livraison et l’entretien. Votre équipe a plus de temps.

Propre pour les développeurs

Un composant, pas de use client, et l’ID du widget possible en variable d’environnement.

FAQ

Questions fréquentes

Tout ce qu’il faut savoir pour ajouter un chatbot IA à votre site Next.js.

Comment installer le chatbot dans Next.js ?

Exécutez npm install nextjs-ai-chatbot et placez <AsyntaiChatbot widgetId="..." /> à la fin de <body> dans app/layout.tsx. Lancez ensuite le build du site.

Cela fonctionne-t-il avec Pages Router ?

Oui. Avec Pages Router, placez le même composant dans pages/_app.js.

Ai-je besoin de use client ?

Non. Le composant fonctionne dans les Server Components. Votre layout n’a pas besoin de use client.

Puis-je définir l’ID du widget en variable d’environnement ?

Oui. Définissez NEXT_PUBLIC_ASYNTAI_WIDGET_ID dans .env et écrivez <AsyntaiChatbot /> sans widgetId. Définissez la variable là où next build s’exécute.

Quelles versions de Next.js sont prises en charge ?

Next.js 13.4 et versions ultérieures. Nous testons avec Next.js 14 et 16.

Cela fonctionne-t-il avec Fumadocs et Nextra ?

Oui. Ce sont deux applications Next.js. Placez le composant dans le layout racine, à côté du provider de la documentation.

Comment le chatbot connaît-il mes contenus ?

Asyntai lit vos pages publiées. Saisissez l’adresse de votre site dans le tableau de bord. Vous pouvez aussi ajouter des documents ainsi que des questions et réponses.

Combien coûte le paquet ?

Le paquet est gratuit. Chez Asyntai, vous commencez avec des messages gratuits et vous passez à une offre supérieure si besoin.

Guide

Comment un chatbot IA aide les sites Next.js

Une boutique rapide, des questions en suspens

Next.js rend les boutiques et les sites web rapides. Pourtant, avant d’acheter, les clients ont presque toujours des questions : Quelle taille me convient ? Comment laver cet article ? Comment se passe un retour ?

Un chatbot IA y répond aussitôt, avec vos propres pages comme source.

Un composant plutôt qu’une intégration

Le paquet nextjs-ai-chatbot est un composant React. Vous le placez une fois dans le layout racine, et le chat apparaît sur toutes les pages.

Il fonctionne avec App Router et Pages Router, dans les Server Components et avec des frameworks de documentation comme Fumadocs et Nextra.

Moins de retours, plus de ventes

Un bon conseil sur la taille aide les clients à commander le bon article dès la première fois. Pour cela, le chatbot utilise votre guide des tailles et vos indications sur la coupe.

Lorsqu’il présente des produits adaptés sous forme de cartes, les clients ajoutent souvent un article de plus.

Vos clients dans leur langue

Le chatbot reconnaît la langue de la question et répond automatiquement dans cette langue, même si votre boutique est uniquement en français.

Vous conseillez ainsi aussi vos clients à l’étranger.

Les conversations révèlent ce qui manque à votre site

Chaque conversation est enregistrée et consultable dans le tableau de bord. Après quelques semaines, vous voyez les questions les plus fréquentes.

Ces indications vous aident à améliorer vos pages produit et vos pages d’information là où il le faut.

Prêt pour un assistant IA sur votre site Next.js ?

Commencez gratuitement avec 50 messages et voyez combien de questions vos clients posent chaque jour.

Commencer gratuitement Voir les tarifs

Autres plateformes

Docusaurus Strapi Framer Sylius Filament Grav Webflow Shopify WordPress Lightspeed Toutes les plateformes CMS