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

Last updated: July 27, 2026

サードパーティのフォーム（例：CRMで作成されたもの）をエドコマースのランディングページに埋め込む方法を、「HTMLコード」ページブロックを使用して説明します。3つのステップは次のとおりです：'ページ'の下にページを作成または編集し、HTMLコードブロックをドラッグ、ブロックのエディタを開いてフォームのコードを貼り付け、その後プレビューと公開を行います。埋め込みはIFRAMEコードでなければなりません — CRMがスクリプトのみを出力する場合は、Iframe Generatorなどのツールを使って変換してから貼り付けてください。一般的なユースケースには、カスタムCRMフォーム、動的な製品表示とリードフォーム、そして既存のウェブサイトの問い合わせフォームを再利用した「お問い合わせ」ページがあります。

エドコマースは、エドジオルプラットフォームとスムーズに同期するスマートフォームを提供していますが、場合によっては自分の外部フォームを使用したいこともあります。

このガイドでは、エドコマースのランディングページに外部フォームを埋め込む簡単なステップを紹介し、両方の良さを活用できるようにします。

ユースケース：

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

さあ、始めましょう！

ステップ1：HTMLコードブロックを作成

まず、エドコマースのページを作成または編集します：

  • エドコマースアカウントで、「ページ」>「新しいページを作成」を選択します

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

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

ステップ2：フォームのHTMLコードをコピー＆ペースト

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

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

このコードはCRMシステム内で、もともとフォームが作成された場所にあります。CRMからHTMLコードをコピーし、エドコマースのエディタに貼り付けてください。

貼り付けた後は、必ず保存してください。

これを動作させるには、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コードを取得するためにクリックします。
  • このコードをエドコマースのHTMLブロックにコピー＆ペーストします。

ステップ3：ページのプレビューと公開

埋め込みフォームが正しく表示されているかどうかを確認するためにページをプレビューします。

すべてが意図したとおりに表示されている場合は、変更を適用するためにページを公開します。