Formgong

Formgong in WordPress

Installieren Sie das Formgong-Plugin, fügen Sie den Zugriffsschlüssel ein und prüfen Sie die Verbindung. Block und Shortcode können eine Vorlage nutzen. Host-Mail wird nicht genutzt.

  1. Öffnen Sie in WordPress Plugins, Add New, suchen Sie nach "Formgong", klicken Sie auf Install Now und dann auf Activate. Die Seite im Plugin-Verzeichnis: https://wordpress.org/plugins/formgong/. Blockiert Ihre Website das Plugin-Verzeichnis, laden Sie https://formgong.com/downloads/formgong-wordpress.zip herunter und laden Sie es unter Plugins, Add New, Upload Plugin hoch. Geprüft auf WordPress 7.1 mit WooCommerce und dem Theme Storefront, und Plugin Check besteht.
  2. Öffnen Sie Settings, dann Formgong. Fügen Sie den Zugriffsschlüssel aus dem Dashboard ein. Der Schlüssel ist öffentlich: Er kann das Formular senden und den Posteingang nicht lesen. Lassen Sie die Adresse https://formgong.com, wenn Sie Formgong nicht selbst hosten. Klicken Sie auf Send a test submission. Der Test nutzt plugin-test@example.com und beendet den Verbindungsassistenten nicht. Senden Sie die öffentliche Seite, um ihn zu beenden.
  3. Fügen Sie den Formgong-Block ein und wählen Sie in der Seitenleiste eine Vorlage, oder den Shortcode [formgong template="aula"]. Das Attribut template nimmt jeden Slug aus der Liste unten, einschließlich lattice, html-contact, nps und clinic-appointment. Ohne ihn gilt die Vorlage aus Settings. Der Slug plain erzwingt das eingebaute Kontaktformular.
  4. Das Formular hat ein verborgenes Feld _page_url mit der Adresse der aktuellen Seite. Formgong speichert sie als Seite der Einsendung, wenn sie http oder https ist und der Host zum Referrer passt, ein führendes www. zählt nicht. Ein seitenübergreifender POST sendet im Referrer oft nur die Startseite, dieses Feld zeichnet die echte Seite auf.
  5. Die Stile gelten nur für das Formular. Eine doppelte Klasse und all: revert sorgen dafür, dass Storefront, Astra und Twenty Twenty-Five die Felder nicht umstylen. Skins: plain, lattice, aula, shop und clinic.
  6. Veröffentlichen Sie und senden Sie einen Test von der Live-Seite. Telegram ist in jedem Tarif sofort da, auch Free. Im Free-Tarif kommt jede Einsendung per E-Mail an eine Adresse. Pro mailt jede Einsendung an bis zu 3 Adressen, Business an bis zu 5. Sagt der Editor, die Website unterstütze den Block formgong/form nicht, laden Sie ihn mit aktivem Plugin neu. Wirkt die Seite leer, öffnen Sie die veröffentlichte Seite: Der Block erscheint im Frontend. Ein Custom-HTML-Block kann das HTML unten weiter halten. Auf WordPress.com brauchen form-Tags in diesem Block einen kostenpflichtigen Tarif mit Hosting.

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

Schlüssel holen