So personalisieren Sie WordPress-Formulare mit WPForms

Die Schaffung einer personalisierten Erfahrung für Ihre Nutzer kann den entscheidenden Unterschied machen, wenn es darum geht, das Engagement zu steigern und die Abschlussraten von Formularen zu erhöhen.

Wenn Sie eine WordPress-Website verwalten, fragen Sie sich vielleicht, wie Sie Formulare anpassen können, um sie für Ihre Besucher relevanter zu machen, ohne die Komplexität zu erhöhen.

In diesem Leitfaden führe ich Sie durch einige leistungsstarke WPForms-Funktionen, die die Erstellung personalisierter Formulare erleichtern, und erkläre, wie diese Ihre Formularerstellung verändern und die Benutzerzufriedenheit verbessern können.

Personalisieren Sie jetzt Ihr WordPress-Formular! 🙂

1. KI-Auswahlmöglichkeiten zur Umgestaltung Ihres Formularerstellungsprozesses

Obwohl die Erstellung von Formularen mit WPForms schnell und einfach ist, nimmt das Ausfüllen von Dropdown-Menüs und Multiple-Choice-Fragen immer noch Zeit in Anspruch. Um die Dinge zu erleichtern, können Sie sich auf die KI-Auswahlfunktion verlassen.

Klicken Sie einfach auf eine Schaltfläche, beschreiben Sie, was Sie benötigen, und WPForms KI füllt Ihre Kontrollkästchen, Dropdown-Listen und Multiple-Choice-Optionen in Sekundenschnelle aus!

Das Beste daran ist, dass KI-Auswahlmöglichkeiten für jeden verfügbar sind, unabhängig davon, ob Sie eine kostenlose oder kostenpflichtige WPForms-Lizenz haben. Hier erfahren Sie, wie Sie sie verwenden können:

Wie KI-Auswahlmöglichkeiten in WPForms funktionieren

Erstellen Sie jede Art von Formular mit Multiple-Choice- oder Dropdown-Feldern oder sparen Sie Zeit, indem Sie eine unserer vorgefertigten Formularvorlagen verwenden. WPForms bietet eine riesige Liste von über 2.100 WordPress-Formularvorlagen.

Sobald Sie sich im Formular-Builder befinden, öffnen Sie die Feldoptionen für das entsprechende Multiple-Choice- oder Dropdown-Feld. Klicken Sie dann auf die Schaltfläche Auswahlmöglichkeiten generieren, um mit dem Hinzufügen einer Liste von KI-Auswahlmöglichkeiten zu beginnen!

Ein Popup-Fenster wird angezeigt, in dem Sie nun Ihre gewünschte Liste in ein oder zwei Sätzen beschreiben können. Wenn Sie fertig sind, drücken Sie die Eingabetaste.

Der WPForms KI-Assistent generiert nun eine Liste von Auswahlmöglichkeiten. Sie müssen sie nicht kopieren und einfügen – klicken Sie auf die Schaltfläche Auswahlmöglichkeiten einfügen, und sie werden automatisch zu Ihrem Formular hinzugefügt.

Es dauert jetzt Sekunden, um das zu tun, was früher Stunden dauerte. Sie können Listen neu anordnen, Optionen entfernen oder weitere Details hinzufügen. Die Möglichkeiten sind endlos!

Ganz zu schweigen davon, dass Sie WPForms KI jederzeit bitten können, die Antwort zu verbessern, bis Sie zufrieden sind, wenn Sie mit den generierten Ergebnissen nicht zufrieden sind.

Lesen Sie auch: WPForms Best Practices: So erstellen Sie das perfekte Formular für Ihre Website

2. Geolokalisierung für gezielte Personalisierung

Das WPForms Geolocation Addon ist ein unglaublich nützliches Werkzeug, um den Standort eines Besuchers zu erfassen und zu nutzen, um Formularfelder zu personalisieren.

Durch die Integration mit Google Maps kann diese Funktion automatisch die Stadt, den Bundesstaat und das Land des Benutzers erkennen, sodass Sie das Formularerlebnis basierend auf seinem Standort anpassen können.

Sie können beispielsweise automatisch ein Standardland oder einen Standardbundesstaat in einem Dropdown-Menü festlegen, sodass Benutzer Formulare einfacher ausfüllen können, ohne ihren Standort manuell auswählen zu müssen.

Wie Geolokalisierung in WPForms funktioniert

Um die Geolokalisierung in WPForms einzurichten, müssen Sie das Geolocation Addon installieren und konfigurieren. Hier ist eine kurze Übersicht über die Schritte, um loszulegen:

Stellen Sie zunächst sicher, dass Sie WPForms Pro haben, da das Geolocation Addon nur im Pro-Plan verfügbar ist. Installieren und aktivieren Sie dann das Addon.

Nachdem Sie das Addon aktiviert haben, können Sie dessen Einstellungen konfigurieren, indem Sie zu WPForms » Einstellungen gehen und den Tab Geolokation auswählen. Befolgen Sie dann die Schritte in dieser Anleitung, um Ihr Formular mit Google Places zu verbinden.

Personalisierung der Adress-Autovervollständigung

Hier ist ein Beispiel dafür, wie Ihr Formular für Benutzer erscheinen könnte, wenn die Optionen für die Adress- und Karten-Autovervollständigung aktiviert sind, damit Ihre Benutzer ihre Formulare noch schneller absenden können!

Interaktives Kartenfeld

Neben der Adress-Autovervollständigung enthält das Geolokation-Addon auch ein Kartenfeld, das eine interaktive Karte direkt in Ihre Formulare einbettet.

Dies ist perfekt für personalisierte Erlebnisse, bei denen Sie möchten, dass Besucher:

• Ihren bevorzugten Standort auswählen: Zeigen Sie mehrere Geschäftsstandorte, Büroniederlassungen oder Servicecenter auf einer Karte mit Optionsfeldern zur Auswahl an.
• Servicebereiche visualisieren: Zeigen Sie Abdeckungszonen oder Liefergebiete an, damit Besucher sehen können, ob sie sich in Ihrer Servicezone befinden, bevor sie absenden.
• Veranstaltungsorte auswählen: Lassen Sie für Veranstaltungsanmeldungsformulare die Teilnehmer alle Veranstaltungsorte sehen und den nächstgelegenen auswählen.
• Marker anpassen: Verwenden Sie benutzerdefinierte Symbole und Farben, die zu Ihrer Marke passen oder zwischen Standorttypen unterscheiden (z. B. Geschäfte vs. Lagerhäuser).

Das Kartenfeld unterstützt sowohl Google Maps- als auch Mapbox-Integration, und Sie können Funktionen wie „Standort in der Nähe finden“ aktivieren, um die Geolokation des Browsers des Besuchers zu nutzen und ihm zu helfen, die nächstgelegene Option zu identifizieren.

Diese Art der standortbasierten Personalisierung macht Formulare intuitiver und hilft sicherzustellen, dass die Einreichungen von Anfang an an das richtige Team oder den richtigen Standort weitergeleitet werden.

3. Formularfelder mit URL-Parametern oder Abfragestrings vorab ausfüllen

Das Vorausfüllen von Formularfeldern mit WPForms mithilfe von URL-Parametern oder Abfragezeichenfolgen ist eine großartige Möglichkeit, die Benutzererfahrung zu verbessern, insbesondere für wiederkehrende Besucher. Es ermöglicht Ihnen, Daten direkt in Ihre Formulare zu übergeben, wodurch Benutzer Zeit beim erneuten Eingeben von Informationen sparen.

Verwenden von Abfragestrings zum automatischen Ausfüllen eines Textfelds

Abfragezeichenfolgen sind kleine Informationsstücke, die einer URL hinzugefügt werden, oft nach einem Fragezeichen (?). Sie werden verwendet, um Daten von einer Seite auf eine andere zu übergeben.

In WPForms können Abfragezeichenfolgen Formularfelder automatisch ausfüllen, wenn ein Benutzer eine Seite mit dieser bestimmten URL besucht.

Dies ist eine großartige Möglichkeit, Formulare für Benutzer zu personalisieren, die Ihre Website erneut besuchen oder auf einen speziellen Link aus einer E-Mail oder Anzeige geklickt haben.

Wenn Sie beispielsweise möchten, dass das Feld für den Namen eines Benutzers vorausgefüllt wird, könnten Sie eine URL erstellen, die wie folgt aussieht:

https://yourwebsite.com/form-page/?name=John

In diesem Fall ist „name“ das Formularfeld und „John“ ist der Wert, der automatisch in diesem Feld angezeigt wird, wenn der Benutzer die Seite besucht.

In dieser Anleitung erfahren Sie, wie Sie Abfragezeichenfolgen verwenden, um ein Textfeld automatisch auszufüllen.

Einrichten von vorausgefüllten Formularen in WPForms

Eine weitere Möglichkeit, vorausgefüllte Formularfelder einzurichten, besteht darin, dass Ihr Besucher zuerst ein einfaches Formular ausfüllt und dann diese Informationen an ein zweites Formular weitergibt, wenn er auf die Schaltfläche Senden klickt.

Dazu müssen Sie den Bestätigungstyp auf URL aufrufen (Weiterleitung) setzen und die Felder so konfigurieren, dass sie über eine Abfragezeichenfolge (Query String) ausgefüllt werden.

Zum Beispiel würden Sie eine URL wie diese zur Weiterleitungs-URL hinzufügen, um die dynamische Feldzuordnung zu aktivieren:

• ?wpf: Dies markiert den Beginn der Abfragezeichenfolge für die Vorabfüllfunktion von WPForms.
• Formular-ID: Sie gibt an, an welches Formular die Daten gesendet werden (in diesem Fall wäre die Formular-ID 20).
• Feld-ID: Dies identifiziert, welches Feld im Formular Sie ansprechen (hier ist die Feld-ID 1).
• Unterfeld-Identifikator (Optional): Dies wird verwendet, wenn Sie einen bestimmten Teil eines mehrteiligen Feldes ansprechen, wie z. B. die Stadt in einem Adressfeld (z. B. als „Unterfeld“ bezeichnet).
• =: Das Gleichheitszeichen teilt dem System mit, wo der Wert des Feldes beginnt.
• Wert: Dies sind die Daten, die Sie automatisch in das Feld eintragen möchten. Leerzeichen im Wert müssen durch %20 ersetzt werden, damit sie in der URL ordnungsgemäß funktionieren.

Lesen Sie auch:Kreative WPForms-Ideen für Ihr Unternehmenswachstum

4. Bedingte Logik für dynamische Formulare verwenden

Die bedingte Logik in WPForms ist eine leistungsstarke Funktion, mit der Sie steuern können, welche Felder Ihre Benutzer basierend auf ihren vorherigen Eingaben sehen.

Wenn Sie beispielsweise Feedback sammeln, können Sie detailliertere Folgefragen stellen, wenn der Benutzer Unzufriedenheit angibt.

Ein weiteres Beispiel ist die Anpassung von Formularen für verschiedene Kundentypen – wenn ein Benutzer „Unternehmen“ anstelle von „Privatperson“ auswählt, können Sie das Formular dynamisch anpassen, um Felder anzuzeigen, die für geschäftliche Anfragen relevant sind.

Einrichtung der bedingten Logik

Eine der praktischsten Möglichkeiten, bedingte Logik in WPForms zu verwenden, besteht darin, Felder basierend auf den Auswahlen der Benutzer ein- oder auszublenden.

Um dies zu tun, öffnen Sie zuerst den Formular-Builder und klicken Sie auf das Feld, das Sie steuern möchten. Daraufhin wird das Panel Feldoptionen angezeigt, wo Sie den Tab Smart Logic finden.

Durch Klicken auf diesen Tab können Sie die bedingte Logik für dieses Feld aktivieren. Sie können bedingte Logik auf ganze Abschnitte Ihres Formulars anwenden, nicht nur auf einzelne Felder.

Nach der Aktivierung ermöglicht die bedingte Logik das Ein- oder Ausblenden von Feldern, je nachdem, wie Benutzer mit Ihrem Formular interagieren. Sie können sogar erweiterte Regeln einrichten, um Aktionen basierend auf ihren Eingaben zu automatisieren.

Sie können beispielsweise Benutzern die Wahl ihrer bevorzugten Zahlungsmethode ermöglichen, Benachrichtigungen anpassen oder Leads automatisch basierend auf Antworten weiterleiten.

5. Mehrstufige Formulare für ein einzigartiges Benutzererlebnis

Indem Sie ein Formular in mehrere Schritte unterteilen, schaffen Sie eine benutzerfreundlichere Erfahrung, die es den Benutzern ermöglicht, sich auf einen Abschnitt nach dem anderen zu konzentrieren.

Dies ist besonders hilfreich für Formulare, die detaillierte Informationen erfordern oder eine Vielzahl von Fragen enthalten. Benutzer fühlen sich weniger überfordert, wenn ihnen kleinere, überschaubare Teile präsentiert werden.

Einrichtung von mehrstufigen Formularen in WPForms

Um ein mehrstufiges Formular in WPForms zu erstellen, beginnen Sie mit dem Erstellen Ihres Formulars wie gewohnt im Formular-Builder. Anstatt die Benutzer mit zu vielen Feldern auf einmal zu überfordern, können Sie das Formular in Abschnitte oder „Schritte“ unterteilen.

Dies geschieht mithilfe des Felds "Seitenumbruch". Ziehen Sie das Feld einfach per Drag & Drop dorthin, wo Sie Ihr Formular in verschiedene Teile aufteilen möchten.

Sobald der Seitenumbruch hinzugefügt wurde, können Sie jeden Schritt mit einer eindeutigen Überschrift oder Beschreibung anpassen, damit die Benutzer verstehen, wo sie sich im Prozess befinden.

Sie können auch die Fortschrittsanzeige konfigurieren, die die Benutzer durch jeden Abschnitt des Formulars führt und die Erfahrung reibungsloser und weniger einschüchternd macht.

6. Gestalten Sie Ihr Formular mit dem Block-Editor

Wenn Sie Ihren Formularen ein persönliches Aussehen verleihen möchten, lässt sich WPForms nahtlos in den WordPress-Blockeditor integrieren. So können Sie Ihre Formulare gestalten, ohne benutzerdefinierten Code schreiben zu müssen.

Durch das Aufteilen von Abschnitten mit klaren Überschriften, das Anpassen von Abständen und das Hinzufügen benutzerdefinierter Schriftarten oder Schaltflächen machen Sie das Formular intuitiver und angenehmer auszufüllen.

Formulare mit dem Blockeditor anpassen

Beginnen Sie damit, Ihr Formular direkt in den Blockeditor einzubetten, wo Sie das Layout einfach in der Vorschau anzeigen und bearbeiten können. Durch die Verwendung des WPForms-Blocks im Editor haben Sie die volle Kontrolle darüber, wie Ihr Formular auf der Seite angezeigt wird.

Die Einstellungen des WPForms-Blocks ermöglichen es Ihnen, das Farbschema, die Formularfelder, Beschriftungen, Schaltflächen sowie die Container- und Hintergrundstile zu ändern.

Besonders schätzen werden Sie die vorgefertigten Formularvorlagen, mit denen Sie mit wenigen Klicks einheitliche Stile für Ihre Formulare anwenden können.

Diese Vorlagen sind besonders nützlich, wenn Sie ein zusammenhängendes Erscheinungsbild beibehalten möchten, ohne zu viel Zeit mit der manuellen Gestaltung jedes Elements zu verbringen.

FAQs – So personalisieren Sie WordPress-Formulare mit WPForms

Die Personalisierung von WordPress-Formularen ist ein beliebtes Thema für unsere Leser. Hier sind Antworten auf einige häufig gestellte Fragen dazu:

Wie erstelle ich benutzerdefinierte Formulare in WordPress?

Um ein benutzerdefiniertes Formular in WordPress zu erstellen, können Sie das WPForms-Plugin verwenden. Nach der Installation des Plugins gehen Sie zu WPForms » Neu hinzufügen. Wählen Sie dort entweder eine Vorlage aus oder beginnen Sie von Grund auf neu.

Passen Sie Ihr Formular an, indem Sie Felder per Drag & Drop platzieren, und konfigurieren Sie dann die Einstellungen. Betten Sie das Formular schließlich mit dem Shortcode oder dem Blockeditor auf einer beliebigen Seite ein.

Wie ändere ich das Design eines Formulars in WordPress?

Sie können das Design Ihrer mit WPForms erstellten Formulare ganz einfach mit Formularvorlagen ändern. Navigieren Sie nach dem Einbetten Ihres Formulars zum Blockeditor und wählen Sie eine Vorlage aus, die zum Stil Ihrer Website passt. Sie können auch den WPForms-Block verwenden, um Farben, Schriftarten und Layouts anzupassen.

Wie erstelle ich einen benutzerdefinierten Smart Tag in WPForms?

Das Erstellen eines benutzerdefinierten Smart Tags in WPForms erfordert etwas Code. Sie müssen sich mit WPForms über wpforms_smart_tag_process einklinken und eine Funktion schreiben, die das Verhalten des Tags definiert.

Sobald eingerichtet, können Sie den benutzerdefinierten Smart Tag in Ihren Formularfeldern oder Benachrichtigungen verwenden, um dynamisch Benutzerinformationen einzufügen. In diesem Leitfaden finden Sie weitere Informationen zum Erstellen benutzerdefinierter Smart Tags.

Kann man WPForms anpassen?

Ja, WPForms ist sehr anpassbar. Sie können bedingte Logik verwenden, um das Benutzererlebnis zu personalisieren, Formularvorlagen, um das Design anzupassen, und verschiedene Add-ons, um das Formularerlebnis anzupassen.

WPForms bietet auch erweiterte Funktionen wie vorausgefüllte Formulare, Geolocation und Smart Tags für weitere Anpassungen.

Erkunden Sie als Nächstes diese versteckten WPForms-Funktionen

WPForms ist vollgepackt mit Tools und Optionen, die nicht sofort ersichtlich sind, aber Ihren Workflow und die von Ihnen erstellten Formulare erheblich verbessern können.  Schauen Sie sich diesen Leitfaden an, um mehr über Funktionen zu erfahren, die Ihnen vielleicht entgangen sind, oder diesen Leitfaden für weitere WordPress-Tipps.

Erstellen Sie jetzt Ihr WordPress-Formular

Bereit, Ihr Formular zu erstellen? Beginnen Sie noch heute mit dem einfachsten WordPress-Formularersteller-Plugin.  WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und Anleitungen.