So fügen Sie ein Formular zu einer Seite in WordPress hinzu – vollständige Anleitung

Welcher Film Zu Sehen?
 
  So fügen Sie ein Formular zu einer Seite in WordPress hinzu – vollständige Anleitung

Jeder Websitebesitzer kann davon profitieren, mehr über seine Besucher und Kunden zu erfahren.





Mit Formularen können Sie das tun, und sie sind interaktiv, fördern das Engagement und können problemlos zu WordPress hinzugefügt werden.

Sie können Formulare verwenden, um Umfragen und Umfragen zur Benutzererfahrung durchzuführen, Stellen auf einer Karriereseite zu bewerben und Interessenten ihren Lebenslauf direkt hochladen zu lassen, anstatt einen HR-Dienst eines Drittanbieters zu bezahlen.



Oder fügen Sie Ihrer Website einfach ein einfaches Kontaktformular hinzu.

Beziehung zwischen James Reid und Nadine Glanz

Unabhängig von der Art des Formulars, das Sie auf Ihrer Website einfügen möchten, gibt es drei Methoden, die Sie verwenden können.



So fügen Sie ein Formular zu einer Seite in WordPress hinzu

Formulare können zu WordPress hinzugefügt werden, indem ein Formular-Plugin installiert, Formulare mit PHP-Skripten für WordPress erstellt oder Formulare auf WordPress-Seiten mit dem HTML-Einbettungscode eingebettet werden, der von einem Drittanbieter wie forms.google.com bereitgestellt wird.

So fügen Sie einer WordPress-Seite ein einfaches Kontaktformular hinzu

Die grundlegendste Formularübermittlung, die jede Website benötigt, ist eine Kontaktseite.



Das Contact Form 7-Plugin von Takayuki Miyoshi ist seit Jahren die am weitesten verbreitete Methode, um dies zu erreichen.

Gehen Sie zu Plugins, wählen Sie Neu hinzufügen und geben Sie dann „ Kontaktformular 7 “.

Klicken Sie auf Installieren und dann auf Aktivieren.

Nach der Aktivierung muss es konfiguriert werden.

Klicken Sie in der linken Seitenleiste auf „Kontakt“ und wählen Sie dann „Kontaktformulare“ aus.

Es wird ein Formular geladen, in dem mehrere gängige Eingabefelder vorausgefüllt sind. Name, E-Mail, Betreff, Nachricht, dann eine Schaltfläche zum Senden.

Morddrohungen des Flappy-Vogel-Schöpfers

Entlang der oberen Symbolleiste können Sie verschiedene Eingaben wie Telefonnummern, Datum, Dropdown-Menüelemente, ReCaptcha zum Reduzieren von Spam-Übermittlungen auswählen und/oder eine Option zum Hochladen von Dateien hinzufügen.

Die zweite Registerkarte des Formulars trägt die Bezeichnung „Mail“. Dies muss konfiguriert werden oder Sie erhalten keine Formularübermittlungen in Ihrem Posteingang.

Das Contact Form 7-Plugin sendet lediglich eine Nachricht von Ihrem Website-Formular an Ihre E-Mail. Es stellt keine Verbindung zu Ihrem WordPress-Server her.

Wenn Sie möchten, dass Nachrichten auf Ihrem Server gespeichert werden, benötigen Sie ein zusätzliches Plugin wie Flamingo oder WP SMTP Mail.

Verwenden Sie das Contact Form 7-Plugin, damit Website-Besucher Ihnen direkt von Ihrer Website aus E-Mails senden können, ohne Ihre Website zu verlassen, um eine E-Mail zu schreiben.

Der Hauptabschnitt, den Sie hier ändern müssen, ist das Feld „Von“. Der Standardwert ist wordpress[at]yoursite.com. Wahrscheinlich existiert diese E-Mail-Adresse nicht.

Die meisten Website-E-Mail-Adressen, die von Benutzern erstellt werden, verwenden ihren Namen oder ein generisches Präfix wie info[@]yoursite[dot]com. Selten ist es WordPress, also muss es auf die echte E-Mail geändert werden, die Sie für Ihre Website eingerichtet haben.

Auf der dritten Registerkarte mit dem Titel „Nachrichten“ steuern Sie die Nachrichten, die den Website-Benutzern angezeigt werden.

Diese Felder werden automatisch mit allgemeinen Nachrichten wie „Danke für Ihre Nachricht. Es wurde gesendet.'.

Passen Sie die Nachrichten und Eingabeaufforderungen an, die Benutzer sehen, wenn sie den Formularübermittlungsprozess durchlaufen.

Wenn Sie fertig sind, klicken Sie auf „Speichern“. Scrollen Sie nach oben auf der Seite und kopieren Sie den bereitgestellten Shortcode.

catriona grau und sam milby

Den Shortcode finden Sie auch, indem Sie auf die „Kontaktformulare“ in der linken Seitenleiste klicken.

Fügen Sie diesen Shortcode in den WordPress-Editor für die Seite ein, auf der Sie ihn haben möchten, und das Kontaktformular wird geladen.


Betten Sie Formulare aus Google Forms in WordPress ein

Google Forms ist umfassend für eine kostenlose Option. Das einzige Element, das ihm fehlt, sind professionell gestaltete Vorlagen. Dies ist oft ein Extra, das in Premium-Plugins für WP-Formulare enthalten ist.

Bedingte Logik ist für die Fragen mit mehreren Antworten in Google Formulare verfügbar.

Bedingte Logik ist eine notwendige Komponente von Umfragen und Quiz, da Sie anhand der Antwort auf die vorherige Antwort auswählen können, welche Frage als nächste angezeigt wird.

Wenn Sie also mit Umfragen, Quiz oder Benutzerumfragen experimentieren, erkunden Sie die Funktionen von Google Forms kostenlos. Wenn es für Ihr Publikum gut funktioniert, wenden Sie sich an Premium-WP-Formulare für professionell gestaltete Formulare.

Gehen Sie zu forms.google.com

Wählen Sie eine Vorlage aus oder beginnen Sie mit einem leeren Formular.

Für dieses Beispiel wurde die Vorlage „Find a Time“ ausgewählt, um der Website ein Terminformular hinzuzufügen.

bruno mars michelle pfeiffer texte

Das Bearbeitungsfeld befindet sich rechts neben dem Formular, in dem Sie Vorlagen ändern können, z. B. Bilder hinzufügen, mehr Text hinzufügen oder die Reihenfolge der Fragen ändern.

Sobald Sie Ihr Formular ausgefüllt haben, klicken Sie auf die Schaltfläche „Senden“ oben rechts auf Ihrem Bildschirm.

Die drei Optionen sind das Senden per E-Mail, das Teilen des Links oder das Einbetten von HTML.

Wählen Sie die Einbettungsoption und klicken Sie dann auf „Kopieren“.

Gehen Sie zu Ihrer WordPress-Website und bearbeiten Sie die Seite, auf der sich das Formular befinden soll, oder erstellen Sie eine neue Seite.

Wenn Sie den Blockeditor verwenden, fügen Sie den Block „Benutzerdefiniertes HTML“ hinzu und fügen Sie dann den HTML-Einbettungscode ein.

Fügen Sie für den klassischen Editor den HTML-Einbettungscode in den „Text“-Bereich Ihres WP-Editors ein.

Jede Plattform, die Software zur Generierung von Lead-Generierungs-Quiz oder interaktiven Umfragen zur Kundenerfahrung bereitstellt, stellt normalerweise einen Einbettungscode bereit.

Im HTML-Block in WordPress fügen Sie den Einbettungscode ein, um das Formular auf WordPress-Seiten anzuzeigen.

Formulare mit PHP-Skripten für WordPress erstellen (Fortgeschrittene)

Die Grundlagen von PHP-Formularen bestehen darin, verschiedene Funktionen zu verwenden, die bereits im WordPress-Framework codiert sind.

Auf dem Frontend wird HTML verwendet, um das Formular anzuzeigen, JavaScript wird zur Validierung verwendet und auf dem Backend laufen PHP-Skripte, um Funktionen aufzurufen und alles mit Ihrer Datenbank zu verbinden.

Nikki Gil und Billy Crawford

Ihre Skripte müssen mindestens JS- und PHP-Skripte enthalten. HTML und CSS können verwendet werden, um Ihre Formulare zu gestalten.

Wenn Sie feststellen, dass jedem Formularersteller für WordPress einige gewünschte Funktionen fehlen, kann die Verwendung von PHP-Formularskripten für WordPress eine Lösung sein.

Wenn Sie PHP nicht kennen, beauftragen Sie einen WordPress-Entwickler damit, ein Formular für Sie zu programmieren, oder suchen Sie alternativ online nach PHP-Formularskripten für WordPress.

Viele werden von Entwicklern codiert, die ihre Methoden teilen, andere sind Bibliotheken von Skripten, die Sie bereits codiert kaufen können.

Wenn Sie mit PHP-Skripten arbeiten, ist es unabhängig davon, ob Sie Erfahrung haben oder nicht, immer empfehlenswert, Ihre Site zu sichern und die Skripte auf einer Staging-Site zu testen.

Wenn Ihr Webhosting-Anbieter keine WordPress-Staging-Umgebung enthält, erfahren Sie mehr darüber wie man eine lokale Kopie einer Live-WordPress-Site erstellt So können Sie Skripte für alles testen, bevor Sie sie live auf Ihrer Website bereitstellen.