Formgong

Formgong in WooCommerce

Produkt- und Bestellfragen gehen über dasselbe Plugin an Formgong. Checkout, Zahlungen und Bestell-E-Mails bleiben in WooCommerce.

  1. Installieren Sie das Formgong-Plugin und fügen Sie den Zugriffsschlüssel unter Settings, dann Formgong, ein. Klicken Sie auf Send a test submission. Es nutzt plugin-test@example.com und beendet den Verbindungsassistenten nicht.
  2. Schalten Sie die Produktfrage, die Bestellfrage oder beide ein und speichern Sie. Jede kann eine eigene Vorlage nutzen, etwa aula oder clinic-appointment. Eine leere Wahl erbt die Hauptvorlage. plain erzwingt das eingebaute Kontaktformular. Eine Shortcode- oder Block-Vorlage gewinnt gegen beide. In einer Produktvorlage fügt [formgong product="1"] das aktuelle Produkt hinzu. [formgong template="aula"] setzt die Vorlage nur für dieses eine Formular.
  3. Die Produktfrage steht in der Produktzusammenfassung und sendet Produktname, SKU und URL als verborgene Felder. Die Überschrift bleibt Question about this product, bis Sie eine eigene setzen. Die Bestellfrage steht nach der Bestelltabelle. Nur ein Kunde, der diese Bestellung sehen darf, sieht sie, und nur die Bestellnummer wird gesendet.
  4. Beide Formulare senden das verborgene Feld _page_url der aktuellen Seite. Formgong behält es, wenn der Host zum Referrer passt, ein führendes www. zählt nicht. Checkout, Zahlungen und WooCommerce-Bestell-E-Mails bleiben unverändert.
  5. Die Stile folgen dem Vorlagen-Skin und bleiben in Storefront, Astra und Twenty im Formular. Bedingte Felder, etwa der Kindername bei clinic-appointment, erscheinen und verschwinden per CSS.
  6. Senden Sie einen Test von einer Produktseite und von der Bestellseite des Kunden und öffnen Sie den Posteingang. Telegram ist in jedem Tarif sofort da, auch Free. Im Free-Tarif kommt jede Einsendung per E-Mail an eine Adresse. Fehlt die Frage, prüfen Sie, dass WooCommerce aktiv ist und das Kontrollkästchen gespeichert wurde.

Formgong auf WordPress.org Formgong-Plugin herunterladen (zip)

Vorlagen-Slugs

Setzen Sie den Slug als template-Attribut des Shortcodes oder wählen Sie dieselbe Vorlage im Block und unter Settings. Website-Namen bleiben die Marke. Start- und Branchennamen folgen im Editor der Sprache der Website.

Website-Vorlagen

  • 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

Startlayouts

  • html-contact — HTML-Kontaktformular
  • ajax-contact — AJAX-Kontaktformular
  • tailwind-contact — Tailwind-Kontaktformular
  • modal-contact — Kontaktformular im Popup
  • dark-contact — Kontaktformular im Dunkelmodus
  • minimal-contact — Minimales Kontaktformular
  • ai-builder — Prompt für Lovable und Bolt

NPS

  • nps — NPS-Umfrageformular

Branchenformulare

  • clinic-appointment — Formular für Arzttermine
  • patient-intake — Formular für die Patientenaufnahme
  • insurance-quote — Formular für Versicherungsangebote
  • insurance-claim — Formular für Schadensmeldungen
  • order-inquiry — Formular für Bestellanfragen
  • returns — Formular für Rücksendungen (RMA)
  • wholesale — Formular für Großhandelsanfragen
  • real-estate — Anfrage für eine Immobilienbesichtigung
  • course-enrollment — Formular für Kursanmeldungen
  • salon-booking — Formular für Salontermine
  • auto-service — Formular für Werkstatttermine
  • legal-inquiry — Formular für Anfragen an eine Kanzlei
  • renovation-estimate — Formular für Renovierungsangebote
  • job-application — Bewerbungsformular
  • event-registration — Formular für Veranstaltungsanmeldungen
  • catering — Formular für Catering-Anfragen
  • tour-booking — Formular für Reiseanfragen
  • fitness-trial — Formular für ein Probetraining
  • saas-demo — Formular für B2B-Demo-Anfragen
  • newsletter-signup — Newsletter-Anmeldeformular
  • customer-feedback — Kundenfeedback-Formular
  • customer-survey — Formular für Kundenumfragen
  • rsvp — RSVP-Formular (Zusage)
  • support-request — Support-Anfrageformular
  • waitlist — Wartelisten-Formular

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="de">
  <label>Name <input type="text" name="name" autocomplete="name" placeholder="Ihr Name" required></label>
  <label>E-Mail <input type="email" name="email" autocomplete="email" placeholder="name@beispiel.de" required></label>
  <label>Nachricht <textarea name="message" placeholder="Wie können wir Ihnen helfen?" 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>Lassen Sie dieses Feld leer<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Senden</button>
</form>

Kontaktformular für WooCommerce →

Schlüssel holen