English · සිංහල · தமிழ் · हिन्दी · বাংলা · العربية · اردو · Español · 日本語

ガイド › ウェブサイトとフォーム

ウェブサイトとフォーム

Webサイトにフォームを設置する

コード1行で、自社のWebサイトにフォームを設置できます。

場所: フォーム・アンケート → 自分のフォーム → 共有 全員向け 5分

始める前に

  • フォームが保存され、フォームを公開中がオンになっていること。

仕組み

しくみを順を追って説明します

  1. ウェブサイト: フォームのコードがページに貼り付けてあります
  2. ウェブサイトの訪問者 → ウェブサイト: フォームに記入
  3. ウェブサイト → CompanyFlowHQ: 回答に保存され、リードとしても登録されます

手順の概要

1フォーム・アンケートを開く2共有を開く3コードをコピー4貼り付ける
ステップ1/4
  1. 左側のメニューでフォーム・アンケートをタップします。スマートフォンでは、先に上部の☰メニューボタンをタップしてください。

    companyflowhq.com/formsCompanyFlowHQ支払いロイヤルティ口コミフォーム・アンケートランディングページレポートSNSフォーム・アンケートSearch ⌘Kメニュー支払いロイヤルティ口コミフォーム・アンケートランディングページレポートSNS
  2. フォームを開いて共有をタップします。

    companyflowhq.com/formsCompanyFlowHQ支払いロイヤルティ口コミフォーム・アンケートランディングページレポートSNSフォーム・アンケートSearch ⌘K質問設定共有回答フォーム・アンケート質問設定共有回答
  3. Webサイトに設置で、推奨(フォームに合わせて高さを自動調整)の横にあるコードをコピーをタップします。

    companyflowhq.com/formsCompanyFlowHQ支払いロイヤルティ口コミフォーム・アンケートランディングページレポートSNSフォーム・アンケートSearch ⌘KWebサイトに設置<script src="https://companyflowhq.com/forms-embed.js…コードをコピーフォーム・アンケートWebサイトに設置<script src="https://companyflo…コードをコピー
  4. サイト作成ツールのHTML/コードブロックで、フォームを表示したい場所に貼り付けます。

    yourwebsite.com/contactCompanyFlowHQレポートSNS広告ウェブサイトSEOデスク自動化メールマーケティング自社ウェブサイトSearch ⌘KAdd block → HTML / Embed code<script src="…/forms-embed.js" …>自社ウェブサイトAdd block → HTML / Embed code<script src="…/forms-embed.js"…

コードの例

画面の例 フォームの埋め込みコード
<script src="https://companyflowhq.com/forms-embed.js" data-form="Fk29…" data-title="Enquiry" async></script>変わりません — 全員共通の部分この部分をコピー — フォームのキー変わりません — 残りの部分もそのまま残してください
確認する場所: フォーム・アンケート → 共有 → コードをコピー貼り付ける場所: WebサイトのページのHTML/埋め込みコードブロック

これではありません: <iframe src="…/f/…?embed=1"> — これはスクリプトをブロックするサイト作成ツール向けのシンプル版です。どちらか一方だけを使い、両方は使わないでください。

✅ うまくいったかを確認するには

  • ページにフォームが表示される。テスト送信すると回答に表示される。

⚠️ よくある間違い

問題サイト作成ツールで<script>が削除されてしまう。対処法代わりにシンプルなiframeのコードを使ってください。
問題サイトにフォームが表示されない。対処法フォームの表示をこれらのウェブサイトだけに許可を確認してください。自社のドメインを追加するか、空欄にします。

関連するガイド

ログインして試す