フォーム管理 / フォームの埋め込み設定を管理する

フォームの埋め込み設定を管理する

Webサイトにフォームを埋め込むための設定方法を説明します

Path: /forms/manage-form-embed-settings

できること

フォームをWebサイトのページ内に直接埋め込む設定ができます。スクリプトまたはiframeの埋め込みコードが発行されるため、HTMLを編集できれば専門知識なしに設置できます。埋め込んだフォームからの回答は、通常のフォームと同様にチャット(回答後の顧客とのやりとり機能)で対応できます。

手順

STEP 1:埋め込み先ドメインを指定する

画面キャプチャ: フォーム設定の「埋め込み」画面のSTEP1・埋め込み先URL入力欄

  1. フォーム設定画面の左サイドナビから「埋め込み」をクリックします。
  2. 「STEP1:埋め込み先を指定」セクションで「埋め込み先を追加」をクリックします。
  3. 表示された「埋め込み先URL」欄に埋め込むWebサイトのURL(例:https://example.com)を入力します。
  4. 複数サイトに埋め込む場合は「埋め込み先を追加」を再度クリックして追加します。
  5. 「更新する」をクリックして保存します。

STEP 2:サイトに埋め込む

画面キャプチャ: 「STEP2:サイトに埋め込む」セクションの埋め込みコード表示エリア

  1. 「STEP2:サイトに埋め込む」セクションから利用する形式のコードをコピーします。
形式 用途
スクリプトで埋め込む場合 回答後に外部URLへリダイレクトしたい場合などに使用
iframe URLを利用する場合 iframeタグを独自に書きたい場合に使用するURL
iframeタグで埋め込む場合 HTMLにiframeタグをそのまま貼り付ける場合
  1. コピーしたコードを埋め込み先WebサイトのHTMLに貼り付けます。

うまくいかないときは

埋め込んだフォームが表示されない場合
STEP1で埋め込み先URLが正しく設定・保存されているか確認してください。開発環境やステージング環境のURLが異なる場合は、そのURLも追加で登録が必要です。

iframeの高さが足りない場合
iframeタグの height 属性の値を大きくしてください(デフォルト height="900")。フォームの項目数によって適切な高さが変わります。

注意点

  • 埋め込み先URLが設定されていないドメインからの埋め込みは動作しません。
  • 埋め込んだフォームへの回答は、フォーム単体での回答と同様にOneformの回答画面で確認できます。

このセクションの記事

このセクションには下層ページがありません。