Formgong sur WooCommerce

Les questions produit et commande vont vers Formgong par la même extension. Le checkout, les paiements et les e-mails de commande restent dans WooCommerce.

  1. Installez l'extension Formgong et collez la clé d'accès sous Settings, puis Formgong. Cliquez sur Send a test submission. Elle utilise plugin-test@example.com et ne termine pas l'assistant de connexion.
  2. Activez la question produit, la question commande, ou les deux, et enregistrez. Chacune peut avoir son modèle, tel que aula ou clinic-appointment. Un choix vide hérite du modèle principal. plain force le formulaire de contact intégré. Le modèle du shortcode ou du bloc l'emporte sur les deux. Dans un modèle produit, [formgong product="1"] ajoute le produit en cours. [formgong template="aula"] fixe le modèle de ce seul formulaire.
  3. La question produit est dans le résumé du produit et envoie le nom, le SKU et l'URL en champs cachés. Le titre reste Question about this product tant que vous n'en mettez pas un autre. La question commande est après le tableau de commande. Seul un client qui peut voir cette commande la voit, et seul le numéro de commande est envoyé.
  4. Les deux formulaires envoient le champ caché _page_url de la page en cours. Formgong le garde quand l'hôte correspond au référent, sans un www initial. Le checkout, les paiements et les e-mails de commande WooCommerce ne changent pas.
  5. Les styles suivent l'habillage du modèle et restent dans le formulaire sur Storefront, Astra et Twenty. Les champs conditionnels, comme le nom de l'enfant sur clinic-appointment, s'affichent et se cachent en CSS.
  6. Envoyez un test depuis une page produit et depuis la page de commande du client, puis ouvrez la boîte. Telegram est immédiat sur toutes les offres, Free compris. Sur Free, chaque message arrive par e-mail à une adresse. Si la question manque, vérifiez que WooCommerce est actif et que la case est enregistrée.

Formgong sur WordPress.org Télécharger l'extension Formgong (zip)

Slugs des modèles

Utilisez le slug comme attribut template du shortcode, ou choisissez le même modèle dans le bloc et sous Settings. Les noms de site restent la marque. Les noms de départ et de métier suivent la langue du site dans l'éditeur.

Modèles de site

  • 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

Mises en page de départ

  • html-contact — Formulaire de contact HTML
  • ajax-contact — Formulaire de contact AJAX
  • tailwind-contact — Formulaire de contact Tailwind
  • modal-contact — Formulaire de contact en popup
  • dark-contact — Formulaire de contact en mode sombre
  • minimal-contact — Formulaire de contact minimal
  • ai-builder — Prompt pour Lovable et Bolt

NPS

  • nps — Formulaire d’enquête NPS

Formulaires de métier

  • clinic-appointment — Formulaire de rendez-vous médical
  • patient-intake — Formulaire d’admission du patient
  • insurance-quote — Formulaire de devis d’assurance
  • insurance-claim — Formulaire de déclaration de sinistre
  • order-inquiry — Formulaire de question sur une commande
  • returns — Formulaire de retour (RMA)
  • wholesale — Formulaire de demande de prix de gros
  • real-estate — Demande de visite d’un bien
  • course-enrollment — Formulaire d’inscription à un cours
  • salon-booking — Formulaire de réservation en salon
  • auto-service — Formulaire de rendez-vous au garage
  • legal-inquiry — Formulaire de demande juridique
  • renovation-estimate — Formulaire de devis de rénovation
  • job-application — Formulaire de candidature
  • event-registration — Formulaire d’inscription à un événement
  • catering — Formulaire de demande de traiteur
  • tour-booking — Formulaire de réservation de voyage
  • fitness-trial — Formulaire de réservation de séance d’essai
  • saas-demo — Formulaire de demande de démo B2B
  • newsletter-signup — Formulaire d’inscription à la newsletter
  • customer-feedback — Formulaire d’avis client
  • customer-survey — Formulaire d’enquête client
  • rsvp — Formulaire RSVP (confirmation de présence)
  • support-request — Formulaire de demande d’assistance
  • waitlist — Formulaire de liste d’attente

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="fr">
  <label>Nom <input type="text" name="name" autocomplete="name" placeholder="Votre nom" required></label>
  <label>E-mail <input type="email" name="email" autocomplete="email" placeholder="vous@exemple.com" required></label>
  <label>Message <textarea name="message" placeholder="Comment pouvons-nous vous aider ?" 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>Laissez ce champ vide<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Envoyer</button>
</form>

Formulaire de contact pour WooCommerce →

Obtenir une clé