任意のエドコマースページに外部フォームを埋め込む方法

Last updated: October 9, 2026

EdCommerceはEdvisorプラットフォームとスムーズに同期するスマートフォームを提供していますが、独自の外部フォームを使用したい場合もあるでしょう。

このガイドでは、外部フォームをEdCommerceのランディングページに埋め込む簡単な手順をご紹介します。これにより、両方のメリットを活用できます。

使用例:

  1. カスタマイズされたフォーム: CRMで作成したカスタムフォームを統合し、eコマースページから特定のお客様情報を収集します。
  2. 動的な製品表示: お客様の好みに基づいて動的に生成された製品のおすすめやパーソナライズされたコンテンツを表示します。このコンテンツを含むページにリードフォームを埋め込むことで、リードの収集を強化できます。
  3. お問い合わせフォーム: ウェブサイトで使用しているものと同じお問い合わせフォームを使って、EdCommerce上に「お問い合わせ」ページを作成します。例。

さっそく始めましょう！

ステップ1: HTMLコードブロックを作成する

まず、EdCommerceのページを作成または編集します:

  • EdCommerceアカウントで、「ページ」 > 「新しいページを作成」に移動します

これらのページは、さまざまなタイプのカスタムブロックを使用して構築されています。外部フォームを埋め込んだページを作成するには、「HTMLコード」オプションを選択します。

次に、このオプションをページエディターにドラッグ＆ドロップします。

ステップ2: フォームのHTMLコードをコピーして貼り付ける

新しく追加したHTMLブロックをクリックして、エディターを開きます。

次に、フォームのHTMLコードをエディターに挿入します。

このコードは、フォームを作成したCRMシステムで確認できます。CRMからHTMLコードをコピーし、ここEdCommerceのエディターに貼り付けるだけです。

コードを貼り付けた後、変更内容を保存することを忘れないでください。

これを機能させるには、IFRAMEコードである必要があります。

例:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

場合によっては、CRMで生成されたHTMLコードがスクリプト形式になっていることがあります。これらのスクリプトをページに埋め込むには、スクリプトをiframeに変換する必要があります。この変換には、Iframe Generatorなどのオンラインツールを使用できます。

手順:

  • Iframe Generatorまたは同様のツールにアクセスします。
  • CRMのスクリプトをボックスにコピーします。
  • 必要に応じて、iframeのサイズなどの設定を変更します。
  • クリックしてiframeコードを取得します。
  • このコードをコピーして、EdCommerceのHTMLブロックに貼り付けます。

ステップ3: ページをプレビューして公開する

ページをプレビューし、埋め込まれたフォームが正しく表示されることを確認します。

すべてが意図したとおりに表示されたら、ページを公開してeコマースサイトに変更を適用します。