Canvaにフォームを追加・埋め込む方法

2026年6月22日

JotformのCanvaアプリを使えば、コードを書くことなく、Canva デザインにカスタムフォームを簡単に追加できます。フォームを埋め込むことで、シンプルなデザインをよりインタラクティブなコンテンツへと変えることができます。CanvaのWebサイト、ランディングページ、招待状、プレゼンテーション、マーケティング資料などに最適で、フィードバックの収集、イベント登録、アンケート回答の受付など、さまざまな情報をスムーズに収集できます。   

この機能は、Canvaをより効果的に活用したいクリエイターや中小企業、イベント運営者、教育関係者、チームにおすすめです。JotformのCanva 連携を利用すれば、デザインにフォームを組み込み、情報収集から回答管理までをスムーズに行えます。フォームは用途に合わせて自由にカスタマイズでき、ユーザーはCanvaから離れることなく回答できるため、より快適な体験を提供できます。

Jotform Canvaアプリを使う

Jotform Canvaアプリを使用すると、Canvaで新規または既存のデザインを作成しながら、新しいフォームを作成したり、既存のフォームにアクセスしたりできます。設定方法は以下のとおりです: 

  1. Canvaアカウントにログインし、画面左側のメニューでその他をクリックします。
  2. 次に、表示されたメニューからアプリをクリックします。
Canvaにフォームを追加・埋め込む方法 Image-1
  1. 次に、画面上部の検索バーにJotformと入力し、Enterキーを押します。
  2. 検索結果に表示された、Jotform – AI Formをクリックします。
Canvaにフォームを追加・埋め込む方法 Image-2
  1. 表示されたウィンドウで、既存のデザインで使用をクリックします。
  2. 続いて表示されるメニューで、プロジェクトまたは共有されたプロジェクトを展開します。目的のデザインが見つからない場合は、メニュー上部の検索バーを使って検索できます。
  3. フォームを追加したいデザインを選択します。
Canvaにフォームを追加・埋め込む方法 Image-3
  1. 新しいデザインにフォームを追加する場合は、代わりに新しいデザインで使用をクリックします。
  2. 続いて表示されるメニューから、作成したいデザインの種類を選択します。目的のデザインが見つからない場合は、メニュー上部の検索バーを利用すると便利です。
Canvaにフォームを追加・埋め込む方法 Image-4
  1. 新しいデザインのサイズを指定する場合は、カスタムサイズを選択し、作成したいデザインの幅と高さを入力します。
  2. そして、新しいデザインを作成をクリックします。
Canvaにフォームを追加・埋め込む方法 Image-5

以上で設定は完了です。既存のデザインを選択した場合も、新しいデザインを作成した場合も、新しいブラウザタブでCanvaのデザインエディタが開き、Jotform Canvaアプリを使って以下の方法でフォームを追加できます。

AIで作成したフォームをデザインに追加する

AI を使えば、一からフォームを作成しなくても、フォームを自動生成してそのままデザインに追加できます。手順は以下のとおりです:

  1. CanvaのデザインエディタJotform Canvaアプリを開き、作成タブAIで作成を選択します。
  2. 次に、その下にあるプロンプト欄に、追加したいフォームの内容や目的を入力します。
  3. 入力が完了したら、フォームを生成をクリックします。
Canvaにフォームを追加・埋め込む方法 Image-6

以上で完了です。AI が生成したフォームがデザインに追加されます。追加後は、サイズを変更したり、配置を調整したりして、デザインに合わせて自由にカスタマイズできます。

Canvaにフォームを追加・埋め込む方法 Image-7

ワンポイントアドバイス

Jotform Canvaアプリをゲストとして利用している場合、フォームの上部に 「アカウントを接続してください」おいうメッセージが表示されます。アプリ内でJotformアカウントにログインすると、ゲストアカウントで作成したフォームを連携済みのアカウントへ移行できます。ログイン方法やフォームの移行手順については、Canvaに追加したフォームからデータを収集・管理する方法をご確認ください。 

テンプレートからフォームをデザインに追加する

あらかじめ用意されたテンプレートを使えば、デザインに合わせたフォームを手軽に作成できます。手順は以下のとおりです:

  1. CanvaデザインエディターJotform Canvaアプリ内で、作成タブテンプレートを選択します。
  2. 使用したいテンプレートにカーソルを合わせ、テンプレートを使用をクリックします。フィルター機能や検索バーを利用すると、目的のテンプレートをすばやく見つけられます。テンプレートの絞り込み方法について詳しくは、Canvaのフォームテンプレートをフィルタリングする方法をご覧ください。
Canvaにフォームを追加・埋め込む方法 Image-8

以上で完了です。テンプレートから作成したフォームがデザインに追加されます。追加後は、レイアウトに合わせてサイズや配置を自由に調整できます。

Canvaにフォームを追加・埋め込む方法 Image-9

ワンポイントアドバイス

Jotform Canvaアプリをゲストとして使用中にテンプレートから作成されたフォームの上部には、アカウントを接続してくださいというメッセージが表示されます。アプリ内で Jotform アカウントにログインすると、ゲストアカウントで作成したフォームを連携済みのアカウントへ移行できます。ログイン方法やフォームの移行手順については、Canvaに追加したフォームからデータを収集・管理する方法をご確認ください。

既存のフォームをデザインに追加する 

Jotform アカウントを連携すると、既存のフォームにアクセスして、Canva デザインへ直接追加できます。手順は以下のとおりです: 

  1. Canvaデザインエディター内のJotform Canvaアプリで、フォームタブにある無料で開始クリックします。
Canvaにフォームを追加・埋め込む方法 Image-10
  1. そして、ウィンドウの中央に表示される接続をクリックします。
Canvaにフォームを追加・埋め込む方法 Image-11
  1. 表示されたJotformのログイン画面で、Jotformアカウントにログインします。
Canvaのデザインエディタ内のjotform Canvaアプリのjotformログインウィンドウ。
  1. 続いて表示されるCanvaをJotformへ接続の画面で、許可をクリックし、CanvaがJotformアカウントにアクセスできるよう承認します。
Canvaのデザインエディタ内のjotform CanvaアプリのCanvaアクセスを許可ウィンドウ。
  1. 追加したいフォームをクリックします。目的のフォームが見つからない場合は、一覧上部の検索バーを使って検索できます。
Canvaにフォームを追加・埋め込む方法 Image-12

以上で完了です。既存のフォームがデザインに追加されます。追加後は、デザインに合わせてサイズや配置を自由に調整できます。

Canvaにフォームを追加・埋め込む方法 Image-13

ワンポイントアドバイス

既存のフォームをCanvaに埋め込む

Jotform アカウント内の既存フォームは、フォームの URL を使って Canva デザインに埋め込むこともできます。よりスムーズに利用するにはJotform Canvaアプリの使用をおすすめしますが、この方法でも簡単にフォームを追加できます。手順は以下のとおりです:

  1. Canvaアカウントにログインし、画面左側のメニューからでプロジェクトをクリックします。
  2. すべてのプロジェクトの下にあるデザインセクションで、フォームを埋め込みたいデザインを選択します。
Canvaのプロジェクトのすべてのプロジェクトタブの下にあるデザインセクションのデザイン。
  1. 新しいブラウザタブで開くCanvaデザインエディタで、ページの左側にあるアプリをクリックします。
  2. 次に、右側に表示されるメニューの上部の検索バーEmbedと入力し、キーボードのEnterキーを押します。
  3. 検索結果に表示されたEmbedをクリックします。
Canvaデザインエディタのアプリセクションにあるembedアプリ。
  1. 次に、embedアプリセクションの下部にある開くをクリックします。
Canvaデザインエディタのembedアプリにある開くボタン。
  1. 次に、デザインにメディアを埋め込むセクションで、フォームURLを入力します。フォームURLの確認方法がわからない場合は、フォーム URLを確認する方法をご覧ください。
  2. すべての設定が完了したら、デザインに追加をクリックします。
CanvaデザインエディタのembedアプリにあるjotformフォームURL。

以上で完了です。フォームが Canva デザインに埋め込まれます。埋め込み後は、デザインに合わせてサイズや配置を自由に調整できます。

Canvaデザインエディタ内のCanvaウェブサイトに埋め込まれたjotformフォーム。

ワンポイントアドバイス

Canva デザインやWebサイトにチャットボットを追加したい場合は、JotformのCanvaチャットボットを活用して、顧客からの質問に自動で対応できます。詳しくは、CanvaでAIチャットボットを作成する方法をご覧ください。

コメントの送信:

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

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

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