ノーコードでチャットボットを作る方法｜作る・教える・貼るの3ステップ

ノーコードでチャットボットを作る手順は、器を作る、答えを教える、サイトに貼るの3つです。使うサービスが違っても骨格は変わらず、コードに触れるのは最後に数行を貼り付けるところだけになります。時間がかかるのは作る作業のほうではなく、何をどう答えるかを社内で決めるほうだと思います。

「ノーコードで作れる」と聞いても、何から始めればいいか分からない

チャットボットを置きたいけれど、社内にエンジニアはいない。調べてみると「ノーコードで作れます」という言葉はよく出てくるものの、結局どこから手をつければいいのか、どこまでできるのかが見えてこない。そんなところで足踏みしている方は少なくないはずです。

まず言葉を整理しておきます。ノーコードとは、プログラミング（コードを書く作業）をせずに、管理画面の操作だけでチャットボットを用意できることを指します。専門知識がなくても始められるのが利点です。ただ、ひとつだけ誤解しないでおきたい点があります。ノーコードは「コードを書かない」だけであって、「何も準備しなくていい」ではありません。何を答えるボットにするのか、その中身は自分たちで用意していきます。

ノーコードでチャットボットを作る、大まかな流れ

ノーコードといっても道はひとつではありません。大きく分けると、DifyやCozeのような汎用のAIアプリ作成ツールで自分で組み立てる道と、チャットボット専用のサービスを使う道があります。どちらもコードは書きませんが、自分で設計する範囲の広さや、準備の重さがずいぶん違います。自社にどちらが向いているかは、チャットボットの選び方を整理するに判断材料をまとめています。

道は違っても、やることの骨格は共通しています。作る、教える、貼るの3つです。ボットの器を作り、答えてほしい情報を教え、できたものを自社サイトに貼る。この順番で進めていきます。

準備から公開までの手順をもう少し細かく追いたい方は、チャットボット導入の進め方もあわせて読んでみてください。

ノーコードで「できること」と「苦手なこと」

始める前に、ノーコードで何ができて、何が苦手なのかを正直に見ておくと、あとでがっかりせずに済みます。

できることは、管理画面だけでボットを作り、手元の資料を読み込ませて回答のもとを用意し、色やアイコンといった見た目を整え、数行のコードを貼ってサイトに表示する、という一連の流れです。作ったあとに中身を直して育てていくのも、画面の操作だけで進められます。

一方で、苦手なこともあります。ゼロから独自のシステムや、そのツールに備わっていない機能を一から開発することはできません。準備をしないまま置いておけば勝手に賢くなる、というものでもありません。そして、教えていないことには答えられない。ここを「入れれば全部解決する」と期待してしまうと、思ったより答えてくれないボットになってしまいます。裏を返せば、準備にどれだけ手をかけたかが、そのまま回答の質になって返ってくる、とも言えます。

SHIRITAIで「作る・教える・貼る」をやってみる

ここからは、実際の画面で3つのステップを見ていきます。SHIRITAI（シリタイ）は、この作る・教える・貼るを、すべて管理画面の操作だけで進められる生成AI型のチャットボットサービスです。コードを書く場面はありません。

1. 作る：ボットの器を用意する

ダッシュボードの「新規チャットボット作成」から始めます。入力するのは、名前と、目的（カスタマーサポート・営業担当・案内役・採用案内・社内ヘルプデスクなど）くらいです。目的を選ぶと、最初のあいさつ文やよく使うボタンのひな形が自動で入ります。

あわせて選ぶのが応答タイプです。自由な質問に答えさせたいならAI型、決まった選択肢に沿って案内したいならシナリオ型を選びます。どちらが自社に合うか迷ったときは、シナリオ型と生成AI型のチャットボットを比較するで見分け方を整理しています。急ぐときは空のボットだけ先に作り、中身をあとから足していくこともできます。

2. 教える：答えてほしい情報を登録する

3つのなかで、いちばん結果を左右するのがこの「教える」です。SHIRITAIでは、答えのもとになる情報をナレッジと呼びます。ナレッジに書いた内容をもとに、AIが質問への回答を組み立てます。

登録のしかたはいくつも用意されています。画面から手で入力する、PDFやWord・Excelといった手元の資料を読み込ませてAIに自動でナレッジ化させる、自社サイトのURLを読み込ませる、といった方法です。すでにマニュアルや商品資料があるなら、ファイルを読み込ませるのがいちばん早いはずです。

仕組みとしては、質問が来ると、登録された情報のなかから関連する部分を探し、それを根拠にして回答を作ります。この「資料を検索して、その内容をもとに答える」やり方をRAGと呼びます。だからこそ、教えていないことは答えられませんし、逆にきちんと教えたことは正確に返してくれます。この仕組みをもう少し知りたい方はRAGチャットボットとは？非エンジニアでもわかる仕組みと、中小企業での現実的な活用法をどうぞ。

登録のコツは、ひとつのナレッジにひとつの話題だけを書くことです。「送料」と「返品」は分けて書く。想定される聞かれ方と、その答えをセットにしておく。これだけで回答の精度がはっきり変わってきます。

3. 貼る：自社サイトに設置する

中身ができたら、最後は自社サイトへの設置です。ボットを公開にしたうえで、「公開情報・コード」の画面に出てくる数行のコードをコピーし、サイトのHTMLに貼り付けます。これで、ページの右下にチャットの起動ボタンが表示されます。

WordPressなら「カスタムHTML」ブロックに貼るだけ、Shopifyやそのほかの主要なサービスでも、指定の場所に貼り付ければ表示されます。3ステップのなかで、ここだけは少しHTMLに触れますが、書くのではなく貼るだけの作業です。右下に浮かぶボックス型のほか、画面の端に固定するサイドバー型、チャットだけを全画面で開くURL（QRコードにもできるので、チラシやPOPから誘導できます）も選べます。一度貼ってしまえば、あとからナレッジや色を変えても貼り直しは不要です。設置したコードは、常に最新のボットを読み込みます。

できあがると、どう動くのか

設置が終わると、来訪者は好きなタイミングでチャットを開き、自由な言葉で質問できます。「送料はいくら」「初めてなのですが、どのプランがいいですか」といった問いにも、AIが登録済みのナレッジを組み合わせて、その場で答えます。会話の分岐をあらかじめ全部書いておく必要はありません。文字だけでなく、商品画像や地図、リンクを回答に添えることもできます。もしAIだけで答えきれない相談が来ても、担当者へ引き継ぐ導線を用意しておけば、行き止まりにはなりません。

寄せられた質問は、すべて記録に残ります。「よく聞かれているのに、うまく答えられていない」箇所が見えてくるので、そこにナレッジを足していけば、公開したあともボットは着実に賢くなっていきます。

困りごと別｜SHIRITAIで解決できること10

自分で作れるか不安、という段階でよくある引っかかりを並べます。左がいまの状態、右がSHIRITAIでどう受けられるかです。

全部を一度にやる必要はありません。質問を3つ登録して、1ページに貼ってみるところからで十分です。

よくある質問

まとめ

ノーコードでチャットボットを作る流れは、突き詰めると作る・教える・貼るの3つに収まります。難しいのはコードではなく、「何を答えるボットにするか」を決めて、その情報を教える準備のほうにあります。逆に言えば、そこさえ丁寧にやれば、非エンジニアでも実用的なチャットボットを自分の手で立ち上げられます。

SHIRITAIは、この3ステップをすべて管理画面だけで進められるように作ってあります。月額9,800円から試せるので、まずは無料トライアルで、よく来る質問をいくつか教えて、自社サイトに小さく置いてみるところから始めてみてください。動き出したボットを見ると、次に何を足せばいいかが自然と見えてくるはずです。

SHIRITAI（シリタイ）は、HELATH株式会社が提供するAIチャットボットサービスです。