外部のランディングページやウェブサイトにエドコマースフォームを埋め込む方法。

Last updated: July 27, 2026

設定 > ECサイト > フォーム — オフィスごとに3点メニューから、またはすべてのオフィスのためのトップメニューの「リードフォームのiframeをコピー」ボタンを使用して、エドコマースリードフォームiframeをコピーする方法を説明します — そして、そのHTMLをWordPress/Elementor、Shopify、Wixなどの外部ウェブサイトやCMSに貼り付けます。また、iframe URLを編集して行った2つのカスタマイズも記載しています：言語コード（EN、PT、ES、ES_MX、PT_BR、DE、IT、TR、FR、JA、KO）を追加し、提出ボタンの色を設定するHEXコードを追加します。外部に埋め込めるのはリードフォームのみです — 予約フォームはエドコマース専用です — 提出されたリードはエドビジョンに同期され、ビジネスルールに従って適切なカウンセラーに自動割り当てされ、適切なパイプラインとステージに配置されます。

エドコマースは、さまざまなリードおよび予約フォームを作成・カスタマイズできる強力な機能を提供しており、適切な情報をリードや予約から収集するのを簡単にします。

この記事では、あなたのウェブサイトの他のページにリードフォームを埋め込む方法を紹介します。これにより、オンラインストアだけでなく、任意のウェブページからもリードを収集できるようになります。

\これらのリードは、その後エドビジョンアカウントと同期され、適切なカウンセラーに自動割り当てされ、適切なパイプラインとステージに追加されます。*

*まだフォームを設定していない場合は、この記事に戻って、エドコマースサイト内でフォームを設定・カスタマイズする方法を学んでください。

**ご注意：ウェブサイトに埋め込めるのはリードフォームのみです。予約フォームはエドコマース専用です。

エドコマースのフォームを任意のランディングページやウェブサイトに埋め込む方法

  • 次の場所に移動：設定 > ECサイト > フォーム

次に、各オフィスの横にある3点アイコンをクリックし、'リードフォームのiframeをコピー'を選択します。特定のオフィス用に作成されたフォームを埋め込みたい場合です。

または、トップメニューの'リードフォームのiframeをコピー'ボタンをクリックして、すべてのオフィス用のユニークなフォームを埋め込みます。

あなたのウェブサイトに貼り付けるためのHTMLコードが取得できます。

WordPress（ElementorなどのサイトビルダーやVisual Composer）、Shopify、またはWixを使用している場合、HTMLコードスニペットを使った埋め込み方法は一般的です。

これは通常、ウィジェットやツールボックスのアイテムであり、ドラッグ＆ドロップで簡単に配置できます。

例えば、Elementorのようなウェブサイトビルダーを使用している場合、そのHTMLウィジェットを通じて追加できます。

フォームの言語をカスタマイズする方法

リードフォームの言語を定義したい場合は、HTMLコード内のURLの最後に言語コードを追加してください：

例：

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

こちらで利用可能なさまざまな言語の言語コードを見ることができます：

  • EN = 英語
  • PT = ポルトガル語
  • ES = スペイン語
  • ES_MX = ラテンアメリカスペイン語
  • PT_BR = ブラジルポルトガル語
  • DE = ドイツ語
  • IT = イタリア語
  • TR = トルコ語
  • FR = フランス語
  • JA = 日本語
  • KO = 韓国語

フォームボタンの色をカスタマイズする方法

埋め込みリードフォームの「提出」ボタンの色をブランドに合わせてパーソナライズすることもできます。簡単です：

  1. ブランドカラーのHEXコードを見つける（例：#4EB2F4）。
  2. このHEXコードを埋め込みたいフォームのURLに追加します。

例えば、HEXコード#4EB2F4の色を使用したい場合、URLは次のようになります：

<iframe title="リードフォーム">
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"&br>    width="500"&br>    height="900"&br>    frameborder="0"&br>    allowfullscreen="true">
</iframe>

#4EB2F4をあなたのカスタムHEXカラーコードに置き換えるだけで、魔法のような効果が見られます！

学生がこれらのフォームのいずれかを完了すると、リードはビジネスルールに基づいて適切なカウンセラーに割り当てられます。これらのリードはあなたのエドコマース設定に基づいて同期され、正しいパイプラインとステージに追加されます。