Tutorials

Wie man in WordPress ohne Programmierung ein Kontaktformular erstellt

Wie man in WordPress ohne Programmierung ein Kontaktformular erstellt

Sie möchten ein Kontaktformular auf Ihrer WordPress-Website einbinden, haben aber keine Programmierkenntnisse? Dann sind Sie hier genau richtig. In dieser Schritt-für-Schritt-Anleitung erfahren Sie, wie es geht. Erstellen Sie ein professionelles Kontaktformular in WordPress, ohne eine einzige Zeile Code zu schreiben.—und es dauert weniger als 5 Minuten.

Ob Blogger, Kleinunternehmer oder Website-Ersteller – ein Kontaktformular ist unerlässlich. Es ermöglicht Besuchern, Sie unkompliziert zu erreichen, hilft Ihnen bei der Kundengewinnung und wirkt deutlich professioneller als die bloße Angabe Ihrer E-Mail-Adresse.

Warum jede WordPress-Website ein Kontaktformular benötigt

Bevor wir uns mit dem Tutorial befassen, wollen wir verstehen, warum ein Kontaktformular wichtig ist:

  • Schützt Ihre E-Mails vor Spam Die Veröffentlichung Ihrer E-Mail-Adresse lädt Spam-Bots dazu ein, Ihren Posteingang mit E-Mails zu überfluten.
  • Sieht professionell aus – Ein gut gestaltetes Formular schafft Vertrauen bei den Besuchern.
  • Sammelt strukturierte Informationen – Sammeln Sie die benötigten Daten (Name, E-Mail-Adresse, Nachricht) in einem übersichtlichen Format.
  • Anfragen zu den Strecken – Speichern Sie Einsendungen in Ihrem WordPress-Dashboard, anstatt sie in E-Mails zu verlieren.
  • Mobilfreundliches Erlebnis – Die Formulare funktionieren einwandfrei auf Smartphones und Tablets

Was Sie benötigen

Um diesem Tutorial folgen zu können, benötigen Sie:

  • Eine WordPress-Website (selbstgehostet auf WordPress.org)
  • Administratorzugriff zum Installieren von Plugins
  • 5 Minuten Ihrer Zeit

Das ist alles! Keine Programmierkenntnisse, keine technische Erfahrung, keine kostenpflichtigen Tools erforderlich.

Schritt 1: Auto Form Builder installieren (kostenloses Plugin)

Wir werden verwenden Automatischer Formulargenerator (auch bekannt als AFB)—ein kostenloses, leichtes WordPress-Plugin Mit einer visuellen Drag-and-Drop-Oberfläche. Es ist perfekt für Anfänger, da es keine Einarbeitungszeit erfordert.

So installieren Sie es:

  1. Melden Sie sich bei Ihrem WordPress-Administrator-Dashboard an.
  2. Zurück Nach Plugins → Neu hinzufügen
  3. Suchen nach "AFB(Die Kurzform für Auto Form Builder)
  4. Suchen "AFB – Automatischer Formulargenerator – Formularerstellung per Drag & Drop"
  5. Klicken Sie auf Jetzt installieren und dann Mehr erfahren

💡 Tipp: Die Suche nach „AFB“ ist der schnellste Weg, das Plugin im WordPress-Repository zu finden.

Nach der Aktivierung sehen Sie „Automatischer Formular-Generator“ in Ihrem WordPress-Adminmenü. Das war’s – Sie können jetzt Ihr erstes Formular erstellen!

Schritt 2: Ein neues Kontaktformular erstellen

Jetzt erstellen wir Ihr Kontaktformular:

  1. Klicken Sie auf Automatischer Formulargenerator in Ihrem Admin-Menü
  2. Klicken Sie auf Neues Formular erstellen
  3. Es wird ein Bildschirm zur Auswahl einer Vorlage angezeigt – wählen Sie aus Kontaktformular

Auto Form Builder enthält eine vorgefertigte Kontaktformularvorlage, die Folgendes beinhaltet:

Die Vorlage ist sofort einsatzbereit, kann aber nach Belieben angepasst werden.

Schritt 3: Formularfelder anpassen (optional)

Möchten Sie Felder hinzufügen oder bearbeiten? Mit dem Drag-and-Drop-Builder ist das ganz einfach:

Hinzufügen neuer Felder

In der linken Seitenleiste sehen Sie die verfügbaren Feldtypen. Einfach Ziehen Sie ein beliebiges Feld auf Ihre Formular-Leinwand:

  • Text Eingabe – Für kurze Antworten wie Name oder Betreff
  • E-Mail – Automatische Validierung von E-Mail-Adressen
  • Telefonnummer – Für Telefonnummern mit optionaler Formatierung
  • Textbereich – Für längere Nachrichten
  • Dropdown – Ermöglichen Sie den Nutzern die Auswahl aus verschiedenen Optionen (wie z. B. „Grund für die Kontaktaufnahme“).
  • Checkbox – Für Zustimmungsfelder oder Mehrfachauswahlen

Bearbeitungsfeldeinstellungen

Klicken Sie auf ein beliebiges Feld, um es anzupassen:

  • Ändern Sie die Etikette (z. B. „Ihr Name“ statt „Vollständiger Name“)
  • Speichern Platzhaltertext um Benutzer anzuleiten
  • Felder erstellen falls angefordert oder optional
  • Speichern Hilfstext unten stehende Felder

Felder neu anordnen

Sprechen Sie Ziehen Sie die Felder nach oben oder unten um ihre Bestellung zu ändern. Der visuelle Konfigurator zeigt Ihnen genau, wie Ihr Formular aussehen wird.

Schritt 4: Formulareinstellungen konfigurieren

Klicken Sie auf die Einstellungen Registerkarte zum Konfigurieren des Verhaltens beim Absenden Ihres Formulars:

Erfolgsmeldung

Passen Sie die Nachricht an, die Nutzern nach dem Absenden angezeigt wird. Zum Beispiel:

„Vielen Dank für Ihre Kontaktaufnahme! Wir melden uns innerhalb von 24 Stunden bei Ihnen.“

E-Mail Benachrichtigungen

Lassen Sie sich sofort benachrichtigen, wenn jemand Ihr Formular ausfüllt:

  1. Ermöglichen E-Mail Benachrichtigungen
  2. Geben Sie Ihre E-Mail-Adresse (oder mehrere durch Kommas getrennte E-Mail-Adressen) ein.
  3. Passen Sie die Betreffzeile der E-Mail an

Jede Einsendung wird direkt an Ihren Posteingang gesendet und gleichzeitig sicher in Ihrem WordPress-Dashboard gespeichert.

Schritt 5: Formular gestalten (optional)

Möchten Sie, dass Ihr Formular zum Design Ihrer Website passt? Klicken Sie auf die Registerkarte „Anpassen“, um es anzupassen:

  • Farbe – Ändern Sie die Farben, Hintergründe und Texte der Schaltflächen.
  • Borders – Feldgrenzen und Eckradius anpassen
  • Abstand – Padding und Ränder steuern
  • Taste – Text und Aussehen der Schaltfläche „Absenden“ anpassen

Die Formulare von Auto Form Builder sehen von Haus aus auf jedem Design gut aus, daher ist die Gestaltung völlig optional.

Schritt 6: Speichern und Shortcode abrufen

Sobald Sie mit Ihrem Formular zufrieden sind:

  1. Geben Sie Ihrem Formular einen Namen (z. B. „Kontaktformular“).
  2. Klicken Sie auf Formular speichern
  3. Kopieren Sie die Kurzwahlnummern angezeigt

Schritt 7: Fügen Sie das Kontaktformular zu Ihrer Seite hinzu

Nun zeigen wir Ihr Formular auf Ihrer Website an:

Option A: Zu einer bestehenden Seite hinzufügen

  1. Zurück Nach Seiten und bearbeiten Sie Ihre Kontaktseite
  2. Fügen Sie den Shortcode an der Stelle ein, an der das Formular erscheinen soll.
  3. Klicken Sie auf Update

Option B: Eine neue Kontaktseite erstellen

  1. Zurück Nach Seiten → Neu hinzufügen
  2. Geben Sie der Seite den Titel „Kontakt“ oder „Kontaktieren Sie uns“.
  3. Fügen Sie bei Bedarf einen einleitenden Text hinzu.
  4. Fügen Sie den Shortcode ein
  5. Klicken Sie auf Veröffentlichen

Besuchen Sie Ihre Seite und sehen Sie Ihr neues Kontaktformular in Aktion!

Schritt 8: Testen Sie Ihr Kontaktformular

Bevor Sie Ihr neues Formular der Welt vorstellen, testen Sie es:

  1. Besuchen Sie Ihre Kontaktseite
  2. Füllen Sie das Formular mit den Testinformationen aus.
  3. Klicken Sie auf Senden
  4. Prüfen Sie, ob die Erfolgsmeldung angezeigt wird.
  5. Prüfen Sie Ihr E-Mail-Postfach auf die Benachrichtigung.
  6. Gehen Sie in WordPress zu Automatischer Formulargenerator → Einreichungen um den gespeicherten Eintrag anzuzeigen

Wenn alles funktioniert, herzlichen Glückwunsch – Ihr Kontaktformular ist online!

Verwaltung von Kontaktformular-Einsendungen

Eine der besten Funktionen von Auto Form Builder ist die integrierte EinreichungsmanagementIm Gegensatz zu manchen Formular-Plugins, die nur E-Mails versenden, wird jede Einsendung in Ihrer WordPress-Datenbank gespeichert.

Zurück Nach Automatischer Formulargenerator → Einsendungen zu:

  • Alle Einsendungen ansehen in einer durchsuchbaren Tabelle
  • Nach Datum filtern – Heute, diese Woche, diesen Monat usw.
  • Suchergebnisse – Finden Sie gezielt Nachrichten sofort
  • Als gelesen/ungelesen markieren – Verfolgen Sie, welche Anfragen Sie bearbeitet haben.
  • Wichtige Nachrichten mit Sternchen – Hochprioritäre Kontakte markieren
  • In CSV exportieren – Laden Sie Ihre Daten für Tabellenkalkulationen oder Sicherungskopien herunter

Das bedeutet, dass Ihnen niemals eine Kundenanfrage verloren geht, selbst wenn E-Mails nicht zugestellt werden.

Warum der automatische Formulargenerator perfekt für Kontaktformulare geeignet ist

Es gibt viele WordPress-Formular-Plugins, aber hier ist der Grund, warum Auto Form Builder sich besonders für die Erstellung von Kontaktformularen eignet:

 

Funktion Automatischer Formulargenerator
Preis ✅ Kostenlos
Drag-and-Drop-Builder ✅ ja
Vorgefertigte Kontaktformularvorlage ✅ ja
E-Mail Benachrichtigungen ✅ ja
Einreichungsspeicher ✅ Ja (in WordPress)
Mobil reaktions ✅ ja
Keine programmier Kenntnisse erforderlich ✅ ja
Leicht & schnell ✅ ja
DSGVO-konform (Daten auf Ihrem Server) ✅ ja
Exporteinreichungen ✅ CSV, JSON, XML
Bedingte Logik ✅ ja

Häufige Fragen zum Großhandel mit Lebensmitteln und Getränken

Ist das Formular mit meinem WordPress-Theme kompatibel?

Ja. Auto Form Builder ist so konzipiert, dass er mit jedem WordPress-Theme funktioniert.

Kann ich Formulareinsendungen per E-Mail erhalten?

Absolut. Aktivieren Sie die E-Mail-Benachrichtigungen in den Formulareinstellungen, und Sie erhalten jedes Mal eine E-Mail, wenn jemand Ihr Formular absendet. Die Formulareinsendungen werden außerdem zur Sicherheit in Ihrem WordPress-Dashboard gespeichert.

Ist das Kontaktformular für mobile Geräte optimiert?

Ja. Alle mit dem Auto Form Builder erstellten Formulare sind vollständig responsiv und sehen auf Smartphones, Tablets und Desktop-Computern hervorragend aus.

Wie kann ich mein Formular vor Spam schützen?

Auto Form Builder bietet Add-ons zum Schutz vor Spam, darunter Google reCAPTCHA und Cloudflare Turnstile.

Nächste Schritte

Nachdem Sie nun ein Kontaktformular auf Ihrer WordPress-Website haben, sollten Sie folgende Verbesserungen in Betracht ziehen:

  • Fügen Sie Ihr Kontaktformular in die Fußzeile ein. – Machen Sie es von jeder Seite aus zugänglich
  • Feedbackformular erstellen – Kundenrezensionen und Erfahrungsberichte sammeln
  • Erstellen Sie ein Newsletter-Anmeldeformular – Erweitere deine E-Mail-Liste
  • Spamschutz hinzufügen – Aktivieren Sie reCAPTCHA für stark frequentierte Websites

Fazit

Das Erstellen eines Kontaktformulars in WordPress erfordert keine Programmierkenntnisse. Automatischer FormulargeneratorSie können in weniger als 5 Minuten ein professionelles, für mobile Endgeräte optimiertes Kontaktformular erstellen – völlig kostenlos.

Die Drag-and-Drop-Oberfläche ist besonders benutzerfreundlich für Einsteiger, und die integrierte Anfrageverwaltung sorgt dafür, dass Sie keine Kundenanfrage verpassen. Zudem bleiben alle Ihre Daten sicher auf Ihrem eigenen WordPress-Server gespeichert.

Sind Sie bereit, Ihr Kontaktformular zu erstellen? Laden Sie den automatischen Formulargenerator herunter. Laden Sie sich das Plugin aus dem WordPress-Repository herunter und legen Sie noch heute los.

Schreiben Sie bitte einen Kommentar.

E-Mail-Adresse wird nicht veröffentlicht. Pflichtfelder sind MIT * gekennzeichnet. *