フォームの埋め込み方法

Myフォームクリエイターのフォームを、すでにお持ちのウェブサイトに簡単に埋め込むことができます。無料版も有料版も埋め込み方は同じです。以下の手順に沿って作業を進めてください。

• コードのコピー

  フォームを埋め込みたいページのHTMLファイルを開き、フォームを表示させたい場所（通常であればmainタグ内だと思います。）に、以下のコードをコピー＆ペーストしてください。

  コピーする

  <iframe id="my-inquiry-form" src="https://設置先のURL/inquiry.php" style="width: 1px; min-width: 100%; border: none;"></iframe>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"></script>
  <script>
    iFrameResize({
      log: false,
    }, '#my-inquiry-form');
  </script>

• URLの変更

  コピーしたコード内の **`https://設置先のURL/inquiry.php`** の部分を、ご自身のサイトのURLに書き換えてください。**`inquiry.php`** をアップロードした階層に合わせて、パスを正確に記述してください。

• ファイルのアップロード

  ダウンロードファイルの中に「iframe」というフォルダがあります。その中の3つのファイルを、サーバーの指定した場所にアップロードしてください。

  • `inquiry.php`
  • `inquiry_complete.html`
  • `style_insert.css`

• 動作の確認

  すべての手順が完了したら、ブラウザで **フォームを埋めたページ** にアクセスし、フォームが正しく表示され、動作するかどうかを確認してください。