WooCommerceのFormgong
商品と注文への質問は同じプラグインでFormgongへ届きます。チェックアウト、支払い、注文メールはWooCommerceのままです。
- Formgongプラグインを入れ、アクセスキーを Settings、次に Formgong に貼ります。Send a test submission を押します。plugin-test@example.com を使い、接続ウィザードは終えません。
- 商品への質問、注文への質問、または両方をオンにして保存します。それぞれ aula や clinic-appointment のような独自テンプレートを使えます。空ならメインのテンプレートを継承します。plain は組み込みの問い合わせフォームを強制します。ショートコードまたはブロックのテンプレートが両方に優先します。商品テンプレートでは [formgong product="1"] が現在の商品を足します。[formgong template="aula"] はそのフォームだけのテンプレートを決めます。
- 商品への質問は商品概要にあり、商品名、SKU、URLを隠しフィールドで送ります。独自の見出しを置くまで見出しは Question about this product のままです。注文への質問は注文表の後にあります。その注文を見られる顧客だけが見て、送られるのは注文番号だけです。
- どちらのフォームも現在のページの隠しフィールド _page_url を送ります。先頭の www を除いてホストが参照元と一致すれば、Formgongはそれを残します。チェックアウト、支払い、WooCommerceの注文メールは変わりません。
- スタイルはテンプレートのスキンに従い、Storefront、Astra、Twentyではフォームの中に残ります。clinic-appointment の子どもの名前のような条件付きフィールドは、CSSで表示と非表示が切り替わります。
- 商品ページとお客様の注文ページからテストを送り、受信箱を開きます。TelegramはFreeを含むどのプランでも即時です。Freeでは送信ごとに1件の宛先へメールが届きます。質問が無いときは、WooCommerceが有効でチェックが保存されているか確認します。
WordPress.orgのFormgong Formgongプラグインをダウンロード (zip)
テンプレートのスラッグ
スラッグはショートコードの template 属性にするか、ブロックと Settings で同じテンプレートを選びます。サイト名はブランドのままです。スターターと業種の名前は、エディターではサイトの言語に従います。
サイトテンプレート
craftline— Craftlineorrery— Orrerylattice— Latticelattice-estate— Lattice Estateshoal— Shoallattice-atelier— Lattice Ateliersoglia— Sogliahalftone— Halftoneocra— Ocraarcwell— Arcwellaula— AULAgoldleaf— Goldleafquell— Quellkavelle— Kavelleburrow— Burrowselune— Selunebrightmoss— Brightmossaverin— Averinsorrel— Sorrelodera— Oderatamsa— Tamsafernlow— Fernlowstilla— Stillasomna— Somna
スターターのレイアウト
html-contact— HTMLの問い合わせフォームajax-contact— AJAXの問い合わせフォームtailwind-contact— Tailwindの問い合わせフォームmodal-contact— ポップアップの問い合わせフォームdark-contact— ダークモードの問い合わせフォームminimal-contact— 最小の問い合わせフォームai-builder— Lovable と Bolt のプロンプト
NPS
nps— NPSアンケートフォーム
業種別フォーム
clinic-appointment— 診察予約フォームpatient-intake— 初診受付フォームinsurance-quote— 保険見積もりフォームinsurance-claim— 保険金請求フォームorder-inquiry— 注文のお問い合わせフォームreturns— 返品（RMA）フォームwholesale— 卸売のお問い合わせフォームreal-estate— 物件見学の申し込みcourse-enrollment— 講座申込フォームsalon-booking— サロン予約フォームauto-service— 整備予約フォームlegal-inquiry— 法律相談のお問い合わせフォームrenovation-estimate— リフォーム見積もりフォームjob-application— 求人応募フォームevent-registration— イベント参加申込フォームcatering— ケータリング依頼フォームtour-booking— ツアー予約フォームfitness-trial— ジム体験予約フォームsaas-demo— 法人向けデモ依頼フォームnewsletter-signup— ニュースレター登録フォームcustomer-feedback— お客様アンケート（感想）フォームcustomer-survey— 顧客アンケートフォームrsvp— 出欠確認（RSVP）フォームsupport-request— サポート依頼フォームwaitlist— ウェイトリスト登録フォーム
HTML
<form action="https://formgong.com/submit" method="POST"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="ja"> <label>お名前 <input type="text" name="name" autocomplete="name" placeholder="山田 太郎" required></label> <label>メールアドレス <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label> <label>メッセージ <textarea name="message" placeholder="ご用件をご記入ください" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>この欄は空のままにしてください<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <button type="submit">送信</button> </form>