Formgong

Formgong sur WordPress

Installez l'extension Formgong, collez la clé d'accès et testez la connexion. Le bloc et le shortcode peuvent utiliser un modèle. Le courrier de l'hébergeur n'est pas utilisé.

  1. Dans WordPress, ouvrez Plugins, Add New, cherchez "Formgong", cliquez sur Install Now puis sur Activate. La page dans le répertoire des extensions : https://wordpress.org/plugins/formgong/. Si votre site bloque ce répertoire, téléchargez https://formgong.com/downloads/formgong-wordpress.zip et envoyez-le dans Plugins, Add New, Upload Plugin. Elle est testée sur WordPress 7.1 avec WooCommerce et le thème Storefront, et Plugin Check passe.
  2. Ouvrez Settings, puis Formgong. Collez la clé d'accès du tableau de bord. La clé est publique : elle peut envoyer le formulaire et ne peut pas lire la boîte. Laissez l'adresse https://formgong.com si vous n'hébergez pas Formgong vous-même. Cliquez sur Send a test submission. Ce test utilise plugin-test@example.com et ne termine pas l'assistant de connexion. Envoyez la page publique pour le terminer.
  3. Ajoutez le bloc Formgong et choisissez un modèle dans la barre latérale, ou le shortcode [formgong template="aula"]. L'attribut template accepte chaque slug de la liste ci-dessous, dont lattice, html-contact, nps et clinic-appointment. Sans lui, le modèle enregistré dans Settings est utilisé. Le slug plain force le formulaire de contact intégré.
  4. Le formulaire contient un champ caché _page_url avec l'adresse de la page en cours. Formgong la garde comme page de l'envoi quand elle est en http ou https et que l'hôte correspond au référent, sans un www initial. Un POST entre origines n'envoie souvent que l'accueil dans le référent, ce champ enregistre donc la vraie page.
  5. Les styles restent dans le formulaire. Une classe doublée et all: revert empêchent Storefront, Astra et Twenty Twenty-Five de restyler les champs. Les habillages sont plain, lattice, aula, shop et clinic.
  6. Publiez et envoyez un test depuis la page en ligne. Telegram est immédiat sur toutes les offres, Free compris. Sur Free, chaque message arrive par e-mail à une adresse. Pro envoie chaque message à jusqu'à 3 adresses, Business à jusqu'à 5. Si l'éditeur dit que le site ne prend pas en charge le bloc formgong/form, rechargez-le avec l'extension active. Si la page semble vide, ouvrez la page publiée : le bloc s'affiche sur le site. Un bloc Custom HTML peut encore contenir le HTML ci-dessous. Sur WordPress.com, les balises form de ce bloc exigent une offre payante avec hébergement.

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 WordPress →

Obtenir une clé