CanvaでAIチャットボットを作成する方法

2026年5月11日

Canvaのデザインに対応したAIチャットボットを作成すると、訪問者とリアルタイムで対話できます。質問に即座に答え、ユーザーをコンテンツ内でガイドし、必要な場所でサポートを提供します。プレゼンテーション、ランディングページ、共有可能なビジュアルのいずれを構築する場合でも、Jotform AI Chatbot for Canvaを使用すれば、デザインをモダンで役立つ、魅力的な会話主導の体験に変えることができます。

Jotform AI Chatbotアプリを開く

AIチャットボットのカスタマイズと使用を開始する前に、Jotform AI Chatbotアプリを開く必要があります。現在のデザインを編集することで、またCanvaデザイナーページから開くことができます。手順は次のとおりです。

  1. Canvaアカウントにログインし、ホームページ最近使用したファイルセクションで、リストから自分のデザインの1つをクリックします。
Recents section of Canva dashboard
  1. Canvaデザイナーページの左側にあるアプリをクリックします。
  2. 次に、上部の検索フィールドJotform AI Chatbotと入力し、検索結果ページでそれをクリックします。
Jotform AI Chatbot in the Apps section of a Canva design
  1. 次の画面で、Jotform AI Chatbotの下部にある開くをクリックします。
Open button of the Jotform AI Chatbot
  1. 次に、実行したい操作を選択します。
    • AIチャットボットを作成— Jotformアカウントにログインしなくても、新しいチャットボットを即座に作成できます。
    • 接続— Jotformアカウントにログインして、既存のAIチャットボットを使用します。
Create AI Chatbot button and Connect link in Jotform AI Chatbot

ゲストとしてAIチャットボットを作成して追加する

開始するのにJotformアカウントは必要ありません。ゲストとして、AIチャットボットをすばやく作成して追加し、その機能を確認し、動作を確認し、ユーザーとの対話を開始できます。サインアップは不要です。手順は次のとおりです。

  1. 開いたJotform AI Chatbot画面で、AIチャットボットを作成ボタンをクリックします。デザインが自動的に読み取られ、ユーザーの質問に応答する際に使用する最も関連性の高い情報が決定されます。
Create AI Chatbot button in the Jotform AI Chatbot section
  1. 次に、以下の項目を設定します。
    • エージェント名— チャットインターフェースに表示されるチャットボットまたはライブエージェントの表示名で、ユーザーが誰と会話しているかを知るのに役立ちます。
    • エージェントの肩書き— エージェント名の下または横に表示される、エージェントの役割または目的を説明する短いラベルです。
    • エージェント名と肩書きの色— エージェントの名前と肩書きのテキストに使用される色で、ブランドスタイルに合わせて可読性を向上させることができます。
    • エージェントの背景色— チャットウィンドウ内のエージェントの名前、肩書き、またはアバターエリアの背景色です。
    • チャットの背景色— メッセージが表示されるチャットエリアのメイン背景色です。
    • チャットのテキスト色— チャットメッセージ内のテキストの色で、チャット背景に対する明瞭性とコントラストを確保します。
    • ボタンの色— チャットインターフェースの送信、開始、アクションボタンなどのインタラクティブボタンの色で、デザインテーマに合わせてアクションを強調します。
  2. 次に、変更を保存をクリックします。
CanvaでAIチャットボットを作成する方法 Image-1
  1. 最後に、Jotform AI Chatbotをドラッグアンドドロップして、ユーザーとの対話を行いたいデザインのセクションに配置します。
CanvaでAIチャットボットを作成する方法 Image-2

Note

既存のAIチャットボットを使用する

既にAIチャットボットを設定している場合は、ゼロから始める必要はありません。既存のAIチャットボットを使用すると、すばやく接続、カスタマイズ、展開でき、時間を節約しながらデザインやプロジェクト全体で一貫した体験を維持できます。数ステップで実行できます。

  1. 開いたJotform AI Chatbot画面で、既にアカウントをお持ちですか?という質問の横にある接続リンクをクリックします。
Connect link in Jotform AI Chatbot screen
  1. 次に、接続ボタンをクリックします。
Connect button in the Jotform AI Chatbot section
  1. 次に、開いた新しいウィンドウで許可をクリックします。まだログインしていない場合は、Jotformアカウントへのログインが必要になることがあります。
Jotform permission screen to connect the Jotform Canva Agent
  1. 次に、右側のJotform AI Chatbotセクションで、使用または管理するチャットボットエージェントを選択セクションの下で、リストからAIチャットボットを選択してクリックします。
Choose a chatbot agent to use or manage section in the Jotform AI Chatbot screen

Note

この段階で、Jotform AI Chatbotセクションの下部にある新しいAIチャットボットを作成ボタンをクリックして、新しいAIチャットボットを作成することもできます。

  1. 次に、以下の項目を設定します。
    • エージェント名— チャットウィンドウに表示されるチャットボットまたはライブエージェントの名前で、誰がユーザーに応答しているかを明確にします。
    • エージェントの肩書き— エージェントの機能や役割を説明する簡潔な説明で、エージェント名の近くに表示され、追加のコンテキストを提供します。
    • エージェント名と肩書きの色— エージェントの名前と肩書きのテキスト色を設定し、目立たせてブランディングと一貫性を保ちます。
    • エージェントの背景色— エージェントの名前、肩書き、またはアバターが表示されるエリアの背景色を定義します。
    • チャットの背景色— すべてのメッセージが表示される会話エリアの背景色を制御します。
    • チャットのテキスト色— メッセージテキストの色を指定し、チャット背景に対して読みやすさを維持します。
    • ボタンの色— チャットインターフェースのクリック可能なボタンの色を決定し、アクションを強調して全体的なデザインと一致させます。
  2. 次に、変更を保存をクリックします。
Customization section of the Jotform AI Chatbot

Pro Tip

AIチャットボット設定セクションの下部にある詳細設定リンクをクリックすると、AIエージェントビルダーが開き、知識ソース、アクション、ツール、自動化などの高度なオプションを使用してチャットボットをさらにカスタマイズできます。

  1. 最後に、Jotform AI Chatbotをドラッグアンドドロップして、ユーザーとの対話を行いたいデザインのセクションに配置します。
CanvaでAIチャットボットを作成する方法 Image-3

以上です!Jotform AI ChatbotをCanvaデザインに正常に追加できました。デザインがインタラクティブになり、訪問者が質問したり、即座に応答を得たり、リアルタイムでコンテンツとやり取りできるようになりました。

コメントの送信:

Jotform Avatar
このサイトは reCAPTCHA によって保護されており、Googleのプライバシーポリシー利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。
まだ解決していない問題はありますか?

私たちは年中無休でいつでもサポートしています。ご不明な点やお困りごとがあれば、昼夜を問わずお気軽にご相談ください。サポートチームがすぐに対応します。