商品、使い方、配送、定期便。AIアシスタントがサイトの内容をもとに数秒で回答します。npx nuxi module add nuxt-ai-chatbotでモジュールを追加し、ウィジェットIDを入れるだけです。
同じ質問が毎日届きます。チャットボットがサイトの内容をもとに答えます。
NuxtとVueでショップ、サイト、アプリを作る制作会社やエンジニアのために。
公開済みのページを読み込みます。PDF（カタログ、規約）をアップロードし、質問と回答を追加できます。
常滑焼の急須6,800円
有田焼の湯のみ1,800円npx nuxi module add nuxt-ai-chatbot、ウィジェットIDを入力、ビルド。
海外のお客様にも、質問と同じ言語で答えます。
法人の注文、大口の相談、卸売。メールアドレスをうかがい、依頼を保存します。
チャット画面はどの画面サイズにも合わせて表示されます。レイアウトを変更する必要はありません。
会話から、よく出る質問がわかります。商品ページを改善するポイントが見えてきます。
AIはサイトと資料をもとに答えます。価格、割引、約束を作り出したり、関係のない質問に答えたりしません。
サイトの内容から答え、合う商品をおすすめし、ブランドの色で表示されます。
商品、価格、配送。自社の情報を使い、何も作り出しません。
合う商品を画像、価格、リンク付きのカードで表示します。
大口の注文や特別な相談では、メールアドレスをうかがいます。
AsyntaiにはNuxt専用のモジュールがあります。全ページの末尾にチャットを追加し、ページを移動してもチャットは開いたままです。
Asyntaiの無料アカウントを作成し、Installページを開きます。ウィジェットIDはコードのdata-asyntai-idの部分にあり、asyntai_で始まります。
プロジェクトでnpx nuxi module add nuxt-ai-chatbotを実行します。npmでインストールして手動で追加することもできます。
例のように、nuxt.config.tsのasyntaiブロックにウィジェットIDを入れます。
npm run buildまたはnpm run generateを実行し、サイトを公開します。すべてのページにチャットのボタンが表示されます。
TypeScriptの型が含まれているので、nuxt.config.tsのasyntaiブロックは型付きです。ウィジェットIDがない場合、ビルドは止まり、解決方法を表示します。
NuxtのサイトにAIチャットボットを追加するために必要なことをまとめました。
npx nuxi module add nuxt-ai-chatbotを実行し、nuxt.config.tsのasyntaiブロックにウィジェットIDを入れます。その後、サイトをビルドします。
Nuxt 3とNuxt 4に対応しています。
はい。nuxt buildとnuxt generateの両方で動きます。
はい。訪問者がページを移動しても、会話は開いたままです。
はい。enableInDevelopment: falseにすると、nuxt devでは表示せず、ビルドしたサイトだけに表示します。
Asyntaiが公開済みのページを読み込みます。ダッシュボードでサイトのアドレスを入力してください。資料や質問と回答も追加できます。
はい。質問の言語を判別し、自動的に同じ言語で答えます。
モジュールは無料です。Asyntaiは無料メッセージから始められ、必要に応じて上位プランに切り替えられます。
お店なら店員に聞けますが、オンラインでは答えが見つからず、そのまま離れてしまうこともあります。
AIチャットボットなら、サイトの内容をもとにすぐに答えられます。
nuxt-ai-chatbotモジュールはコマンド1つで追加でき、全ページにチャットを表示します。レイアウトやコンポーネントを変更する必要はありません。
訪問者がページを移動しても、チャットは開いたままです。
多くのお客様は夜間や週末にサイトを訪れます。チャットボットはその時間でもすぐに答えます。
大口の注文や特別な相談では、メールアドレスをうかがいます。
チャットボットは質問の言語を判別し、自動的に同じ言語で答えます。サイトが日本語だけでも対応できます。
海外のお客様にも役立ちます。
すべての会話は保存され、ダッシュボードで検索できます。数週間で、どの質問が多いかがわかります。
その手がかりをもとに、必要な情報を追加できます。