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

2026年5月8日

Canvaウェブサイトにフォームを追加することが、Jotform Canvaアプリを使えば簡単になりました。この方法により、カスタマイズ可能なフォームをサイトに直接埋め込むことができ、リードの獲得、フィードバックの収集、登録管理など、すべてCanvaのデザイン内で行えます。

わずか数ステップで、Jotformの強力なフォームビルダーツールをCanvaウェブサイトに統合でき、コーディング不要でサイトの機能性とユーザーインタラクションを向上させることができます。

CanvaでJotformアプリを使用する

Jotform Canvaアプリを使用するための最初のステップは、Canvaアカウントに追加することです。以下の手順で行えます:

  1. Canvaアカウントにログインし、左側のメニューからアプリに移動します。
  2. 検索バーJotformを検索します。
  3. Jotformアプリをクリックします。
CanvaウェブサイトでJotform Canvaアプリを検索
  1. ポップアップウィンドウで、以下のいずれかを選択できます:
    • 既存のデザインで使用 — 既存のデザインプロジェクトまたは共有されたファイルを選択します。
    • 新しいデザインで使用 — Canvaウェブサイトをゼロからデザインします。
CanvaのJotformアプリのポップアップウィンドウ

「既存のデザインで使用」または「新しいデザインで使用」を選択すると、JotformアプリがCanvaで次のように表示されます。

Jotform Canvaアプリのテンプレートタブオプション

ゲストとしてJotformフォームを追加する

Jotform CanvaアプリはJotformアカウントで自動的にログインされません。しかし、ゲストとしてデザインにフォームを追加することができます。テンプレートタブからテンプレートを使用して行えます。以下の手順で行います:

  1. Jotform Canvaアプリで、テンプレートタブに移動します。
  2. テンプレートを使用をクリックしてフォームを追加します。
Jotform Canvaアプリのテンプレートを使用ボタン

Jotform Canvaアプリをゲストとして使用している間にあなたのフォームタブに移動すると、無料で始めるまたは既存のアカウントにログインするよう求められます。

Jotform Canvaアプリのあなたのフォームタブ ゲストアカウント

Canvaで既存のJotformフォームを追加する

Canvaデザインに既存のフォームを追加するには、Jotform CanvaアプリからJotformアカウントにログインする必要があります。やってみましょう!

  1. Jotform Canvaアプリで、あなたのフォームタブに移動します。
  2. 次に、ログインをクリックします。
Jotform Canvaアプリのあなたのフォームタブのログインオプション
  1. 接続ボタンをクリックすると、アカウントにサインインするための別のウィンドウが表示されます。画面の指示に従って設定を完了します。
Jotform Canvaアプリの接続ボタン
  1. 接続が完了すると、フォームタブにJotformアカウント内の既存のフォームのリストが表示されます。
  2. 追加したいフォームをクリックすると、フォームが自動的にCanvaウェブサイトに追加されます。
Jotformのあなたのフォームタブのフォームオプション

テンプレートタブからテンプレートの使用を開始することもできます。Canvaデザインに最適なフォームテンプレートを見つけるも参照してください。

Jotformのあなたのフォームのテンプレートタブオプション

注意

  • アカウントが接続されている状態でJotform Canvaアプリのテンプレートを使用すると、自動的にJotformアカウントに追加され、フォームの制限数にカウントされます。詳細については、アカウントの使用状況と制限についてを参照してください。
  • JotformアカウントでCanvaデザインに追加したフォームに加えた変更は、デザインに自動的に反映されます。

以上です!これでCanvaウェブサイトにJotformフォームを正常に追加し、訪問者からの回答を収集することがこれまで以上に簡単になりました。リードの収集、アンケートの実施、登録の管理など、統合されたフォームにより、Canvaウェブサイトはさらに強力になりました。

埋め込みコードを使用してCanvaに既存のフォームを埋め込む

埋め込みコードを使用して、Jotformの既存のフォームをCanvaウェブサイトに埋め込むこともできます。Canvaアプリの使用がはるかに簡単で効率的なため、強くお勧めしますが、Jotformから埋め込みコードをコピーすることもできます。

  1. フォームビルダーを開き、公開タブに移動します。
  2. クイック共有タブの緑色のリンクをコピーボタンをクリックします。Canvaには埋め込みコードを使用する必要はありません。 
  3. Canvaアカウントにログインし、ドキュメントを開きます。空白のドキュメントでも構いません。
  4. 空白のドキュメントを開いたら、ドキュメントの左側にあるマジックを追加と表示されたプラスボタンをクリックします。
  5. ドロップダウンメニューが表示されます。下にスクロールして</> 埋め込みボタンをクリックします。
  6. 先ほどコピーしたリンクをボックスに貼り付け、Enterキーを押します。

フォームがドキュメントに表示されます。ユーザーがフォームフィールドに入力するには、ダブルクリックする必要があることを確認してください。

プロのヒント

Jotform Canvaアプリの使用方法について詳しく知りたい場合は、Canvaフォームページをご覧ください。

Canvaのデザインやウェブページ用のチャットボットが必要な場合は、JotformのCanvaチャットボットを使用して、顧客の質問に答えることができます。

コメントの送信:

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

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

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