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

2026年5月8日

Canvaデザイン用のAIチャットボットを作成すると、訪問者とリアルタイムでエンゲージメントを図ることができます。質問に即座に回答し、ユーザーをコンテンツに案内し、必要な場所でサポートを提供できます。プレゼンテーション、ランディングページ、共有可能なビジュアルを構築する場合でも、Canva用jotform aiチャットボットを使用すれば、デザインを現代的で役立つ、魅力的な会話型の動的な体験に変えることができます。

jotform aiチャットボットアプリを開く

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

  1. Canvaアカウントにログインし、ホームページ最近のセクションで、リストからデザインの1つをクリックします。
Canvaダッシュボードの最近のセクション
  1. 次に、Canvaデザイナーページの左側にあるアプリをクリックします。
  2. 続いて、上部の検索フィールドJotform AI Chatbotと入力し、検索結果ページでクリックします。
Canvaデザインのアプリセクションにあるjotform aiチャットボット
  1. 次の画面で、jotform aiチャットボットの下部にある開くをクリックします。
jotform aiチャットボットの開くボタン
  1. 次に、実行したい操作を選択します。
    • AIチャットボットを作成 — Jotformアカウントにログインしなくても、新しいチャットボットを即座に作成できます。
    • 接続 — Jotformアカウントにログインして、既存のAIチャットボットを使用して開始します。
jotform aiチャットボットのAIチャットボットを作成ボタンと接続リンク

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

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

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

注意

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

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

  1. 開いたjotform aiチャットボット画面で、すでにアカウントをお持ちですか?という質問の横にある接続リンクをクリックします。 
jotform aiチャットボット画面の接続リンク
  1. 次に、接続ボタンをクリックします。
jotform aiチャットボットセクションの接続ボタン
  1. 次に、開いた新しいウィンドウで、許可をクリックします。まだログインしていない場合は、Jotformアカウントへのログインが必要になることがあります。
Jotform Canvaエージェントを接続するためのJotform許可画面
  1. 次に、右側のjotform aiチャットボットセクションで、使用または管理するチャットボットエージェントを選択セクションの下から、リストからAIチャットボットを選択し、クリックします。
jotform aiチャットボット画面の使用または管理するチャットボットエージェントを選択セクション

注意

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

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

プロのヒント

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

  1. 最後に、jotform aiチャットボットをデザインの表示したいセクションにドラッグ&ドロップして、ユーザーとのエンゲージメントを実現します。
CanvaでAIチャットボットを作成する方法 画像-3

以上です!Canvaデザインにjotform aiチャットボットを正常に追加できました。これでデザインがインタラクティブになり、訪問者が質問したり、即座に回答を得たり、コンテンツとリアルタイムでエンゲージできるようになります。

コメントの送信:

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

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

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