Formgong

Formgong on WooCommerce

Product and order questions post to Formgong through the same plugin. Checkout, payments, and order emails stay in WooCommerce.

  1. Install the Formgong plugin and paste the access key under Settings, then Formgong. Click Send a test submission. It uses plugin-test@example.com and does not finish the connect wizard.
  2. Turn on the product question, the order question, or both, and save. Each can use its own template, such as aula or clinic-appointment. Leave the choice empty to inherit the main template. Choose plain to force the built-in contact form. A shortcode or block template wins over both. On a product template, [formgong product="1"] adds the current product. [formgong template="aula"] sets the template for that one form.
  3. The product question sits on the product summary and sends the product name, SKU, and URL as hidden fields. The heading stays Question about this product unless you set a custom heading. The order question sits after the order table. Only a customer who can view that order sees it, and only the order number is sent.
  4. Both forms send the hidden field _page_url for the current page. Formgong keeps it when the host matches the referrer, ignoring a leading www. Checkout, payments, and WooCommerce order emails are unchanged.
  5. Styles follow the template skin and stay inside the form on Storefront, Astra, and Twenty. Conditional fields, such as the child name on clinic-appointment, show and hide with CSS.
  6. Send a test from a product page and from the customer order page, then open the inbox. Telegram is instant on every plan, including Free. On the Free plan, every submission is emailed to one address. If the question is missing, confirm WooCommerce is active and the checkbox is saved.

Formgong on WordPress.org Download the Formgong plugin (zip)

Template slugs

Use the slug as the shortcode template attribute, or pick the same template in the block and under Settings. Website names stay as the brand. Starter and industry names follow the site language in the editor.

Website templates

  • craftline — Craftline
  • orrery — Orrery
  • lattice — Lattice
  • lattice-estate — Lattice Estate
  • shoal — Shoal
  • lattice-atelier — Lattice Atelier
  • soglia — Soglia
  • halftone — Halftone
  • ocra — Ocra
  • arcwell — Arcwell
  • aula — AULA
  • goldleaf — Goldleaf
  • quell — Quell
  • kavelle — Kavelle
  • burrow — Burrow
  • selune — Selune
  • brightmoss — Brightmoss
  • averin — Averin
  • sorrel — Sorrel
  • odera — Odera
  • tamsa — Tamsa
  • fernlow — Fernlow
  • stilla — Stilla
  • somna — Somna

Starter layouts

  • html-contact — HTML contact form
  • ajax-contact — AJAX contact form
  • tailwind-contact — Tailwind contact form
  • modal-contact — Popup contact form
  • dark-contact — Dark mode contact form
  • minimal-contact — Minimal contact form
  • ai-builder — Lovable and Bolt prompt

NPS

  • nps — NPS survey form

Industry forms

  • clinic-appointment — Doctor appointment form
  • patient-intake — Patient intake form
  • insurance-quote — Insurance quote form
  • insurance-claim — Insurance claim form
  • order-inquiry — Order inquiry form
  • returns — Return and RMA form
  • wholesale — Wholesale request form
  • real-estate — Property viewing request
  • course-enrollment — Course enrollment form
  • salon-booking — Salon booking form
  • auto-service — Auto service booking form
  • legal-inquiry — Legal inquiry form
  • renovation-estimate — Renovation estimate form
  • job-application — Job application form
  • event-registration — Event registration form
  • catering — Catering request form
  • tour-booking — Tour booking form
  • fitness-trial — Gym trial booking form
  • saas-demo — B2B demo request form
  • newsletter-signup — Newsletter signup form
  • customer-feedback — Customer feedback form
  • customer-survey — Customer survey form
  • rsvp — RSVP form
  • support-request — Support request form
  • waitlist — Waitlist form

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="en">
  <label>Name <input type="text" name="name" autocomplete="name" placeholder="Your name" required></label>
  <label>Email <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>Message <textarea name="message" placeholder="How can we help?" 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>Leave this field empty<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Send</button>
</form>

WooCommerce contact form →

Get a key