KI-Zusammenfassung
Das Anpassen einer Formularvorlage in WPForms ist eine einfache und doch wirkungsvolle Methode, um Ihre Formulare an Ihre spezifischen Bedürfnisse anzupassen.
Ob Sie ein einfaches Kontaktformular oder eine komplexe Bewerbung erstellen, WPForms gibt Ihnen die volle Kontrolle über das Design und die Funktionalität Ihrer Formulare.
In diesem Leitfaden führe ich Sie durch die wichtigsten Anpassungsoptionen, die Sie berücksichtigen sollten. Am Ende werden Sie die Werkzeuge haben, um Formulare zu erstellen, die perfekt auf Ihr Publikum und Ihre Ziele zugeschnitten sind.
Legen wir los!
Anpassen einer Formularvorlage in WPForms
Titel, Bezeichnungen und Text
Wenn Sie mit einer Formularvorlage beginnen, möchten Sie sicherstellen, dass jedes Element Ihren Zweck widerspiegelt.
Das Anpassen von Titeln, Feldbezeichnungen und Platzhaltertexten macht Ihr Formular intuitiver und benutzerfreundlicher. Glücklicherweise können Sie diese Elemente direkt im WPForms-Builder ändern.
Benennen Sie Ihr Formular
Der allererste Schritt, den Sie beim Erstellen eines neuen Formulars ausführen, ist die Benennung Ihres Formulars. Sie benennen Ihr Formular, bevor Sie überhaupt eine Vorlage auswählen, aus der Sie es erstellen möchten.
Aber machen Sie sich keine Sorgen um clevere Markenbildung und Anpassung für Ihre Formularbenutzer. Dieser Formularname ist für Sie.
Sie sehen alle von Ihnen erstellten Formulare in Ihrem WPForms-Dashboard, aufgelistet nach Namen, sodass Sie bestimmen können, auf welchen Seiten, Widgets oder anderen Bereichen Ihrer Website Sie Ihr Formular einbetten werden.
Wenn Sie also mehrere Formulare haben und Gefahr laufen, denselben Namen zweimal zu verwenden, benachrichtigt Sie WPForms, dass Sie bereits ein Formular mit diesem Namen haben, wie im obigen Bild gezeigt.
Sobald Ihr Formular erstellt ist, können Sie den Namen Ihres Formulars später im Formular-Builder im Einstellungs-Tab ändern.
Denken Sie daran, dass Sie mehrere Elemente in diesem Teil des Einstellungs-Tabs anpassen können, einschließlich des Textes, den die Schaltfläche zum Absenden Ihres Formulars anzeigt, und dessen, was Benutzer beim Absenden sehen.
Feldbezeichnungen
Als Nächstes betrachten wir die Anpassungsoptionen, die Sie für die Felder in Ihrer Formularvorlage haben.
Durch Klicken auf ein beliebiges Feld werden dessen Einstellungen auf der linken Seite des Formular-Builders geöffnet. Die Details, die Sie anpassen können, können von Feld zu Feld variieren, aber das gemeinsame Element, das Sie für jedes Feld in Ihrem Formular ändern können, ist seine Bezeichnung.
Die Feld-Bezeichnung ist das, was Ihre Formularbenutzer für jedes Feld sehen, das sie ausfüllen.
Obwohl diese Feldbezeichnungen ziemlich selbsterklärend sind, sollten Sie vielleicht in Erwägung ziehen, sie ein wenig zu ändern.
Zum Beispiel können Sie die Feldbezeichnung verwenden, um eine Frage zu stellen oder eine Anleitung zu geben. Anstatt die Bezeichnung des Feldes „Name“ so zu belassen, wie sie ist, könnten Sie sie bearbeiten, um zu fragen: „Wie lautet Ihr vollständiger Name?“ Oder, wann immer Sie das Feld „Absatztext“ zu einem Formular hinzufügen, werden Sie wahrscheinlich seine Bezeichnung in etwas Relevantes wie „Kommentar oder Nachricht“ ändern.
Glücklicherweise haben wir bei der Verwendung einer unserer fertigen Formularvorlagen diese Arten von Feldern bereits so angepasst, dass sie Ihnen passende Bezeichnungen anzeigen!
Da jedes Feldetikett leicht geändert werden kann, sollten Sie seine Feld-ID-Nr. im Auge behalten.
Auf diese Weise wissen Sie, auf welches Feld es sich bezieht, wenn Sie diese ID-Nummer anderswo sehen oder verwenden.
Erstellen Sie jetzt Ihr WordPress-Formular
Formularfelder organisieren
Während unsere Formularvorlagen mit allen grundlegenden Feldern, die Sie benötigen, vorab erstellt sind, müssen Sie wahrscheinlich einige Felder löschen, hinzufügen und verschieben.
Ein Feld aus der Formularvorlage zu entfernen, ist ein Kinderspiel – klicken Sie einfach auf das Papierkorbsymbol in der rechten Ecke des Feldes, um es zu löschen.
Und was macht das andere Symbol links davon? Wenn Sie auf das Symbol mit den doppelten Seiten klicken, wird das Feld dupliziert.
Was das Hinzufügen weiterer Felder zu Ihrer Formularvorlage betrifft, so glänzt hier unser Formular-Builder. Alles, was Sie tun müssen, ist, ein Feld auf der linken Seite des Bildschirms anzuklicken, es dorthin zu ziehen, wo Sie es in Ihrem Formular haben möchten, und es loszulassen!
Auf diese Weise können Sie Felder auch auf und ab in der Formularvorlage verschieben. Ziehen Sie einfach das Feld per Drag & Drop in einen anderen Bereich des Formulars.
Lesen Sie auch: So randomisieren Sie Formularfelder in WordPress
Layout-Feld
Beim Hinzufügen und Verschieben von Feldern in Ihrem Formular sollten Sie berücksichtigen, wie diese angeordnet sind.
Um die Dinge organisiert und prägnant zu halten, verwende ich gerne die Option „Layout-Feld“, um andere Felder in seine Spalten zu ziehen.
Sie können diese Felder in einer einzigen Spalte oder mehreren Spalten anordnen, wobei die Optionen für mehrere Spalten eine ganze Auswahl an Formen und Größen umfassen.
Möchten Sie noch mehr Inspiration für Layout-Felder? Werfen Sie einen Blick auf unseren kreativen Artikel über Best Practices für Formularlayouts für benutzerfreundliches Design.
Wiederholungsfeld
Sie haben auch das Repeater-Feld, um Ihre Formularvorlage sauber und prägnant zu halten.
Wenn Sie erwarten, dass Ihr Formularbenutzer dieselbe Art von Informationen mehrmals eingeben muss, z. B. Berufserfahrungen in einer Bewerbungsformularvorlage, können Sie das Repeater-Feld verwenden, damit Ihr Formularbenutzer dieses Feld einfach per Knopfdruck wiederholen kann.
Anstatt Ihr Formular mit leeren Feldern zu verstopfen und eine Reihe von Bedingungslogik-Einstellungen zu erstellen, um sie auszublenden, können Sie die benötigten Felder einfach in die Repeater-Feldzone ziehen. Dann können Sie wählen, welchem Layout-Typ diese wiederholbaren Felder folgen sollen.
KI-Auswahlen verwenden
Für die Felder, die Ihrem Formularbenutzer verschiedene Auswahlmöglichkeiten bieten, müssen Sie auch diese Auswahlmöglichkeiten anpassen.
Diese Arten von Feldern sind die Dropdown-, Multiple-Choice- und Kontrollkästchen-Felder.
Aber machen Sie sich keine Sorgen, wenn Sie nicht wissen, welche Optionen Sie Ihren Formularbenutzern anbieten sollen – Sie können KI nutzen, um sie sofort für Sie zu erstellen.
Unsere Feldvorlagen sind sorgfältig recherchiert, daher werden die von uns für diese Felder enthaltenen Auswahlmöglichkeiten wahrscheinlich denen ähneln, die Sie generieren würden. Aber wie immer ermutigen wir Sie, jedes Element Ihres Formulars nach Ihren Wünschen anzupassen.
Wenn Sie einen der von mir erwähnten Feldtypen anklicken oder hinzufügen, sehen Sie die Schaltfläche, um die KI Ihre Auswahlmöglichkeiten generieren zu lassen.
In meinem obigen Beispielformular werde ich die integrierte KI-Funktion verwenden, um Auswahlmöglichkeiten für die bevorzugte Kontaktmethode meines Formularbenutzers zu generieren.
Wenn ich KI verwende, erstelle ich gerne eine Eingabeaufforderung, die genau das verlangt, was ich für meine spezifische Form benötige. Ich werde die KI also bitten, bevorzugte Kontaktmethoden für ein Kontaktformular zu generieren.
Dann können diese Auswahlmöglichkeiten direkt zum Formular hinzugefügt werden!
Dies erspart Ihnen jede Menge Zeit bei der Entscheidung, welche Optionen Sie verwenden und sie manuell zu Ihrem Formular hinzufügen.
Suchen Sie nach noch mehr KI-Anleitungen? Schauen Sie sich unseren Artikel an, der einfache Methoden zur Verwendung von KI mit Ihrer Website behandelt.
Benachrichtigungen und Bestätigungen
Erinnern Sie sich an den Einstellungs-Tab, zu dem wir am Anfang dieses Beitrags navigiert haben? Ich erwähnte, dass es hier zusätzliche Anpassungsoptionen gibt, und Ihre Benachrichtigungsoptionen für das Formular und die Bestätigungsnachricht können hier ebenfalls bearbeitet werden.
Die Einstellungen im Tab Benachrichtigungen ermöglichen es Ihnen, einzugeben, an wen und wohin die Details der Formularübermittlung gesendet werden sollen.
Normalerweise werden diese Einstellungen auf Ihre Website-Administrator-Details angewendet, wie z. B. die für Ihre WPForms-Anmeldedaten festgelegte Admin-E-Mail.
Mit den Benachrichtigungseinstellungen können Sie auch die vom Formularbenutzer eingegebene E-Mail-Adresse festlegen, an die Sie Antworten senden werden. Die meisten Formulare, die Sie erstellen, enthalten nur eine E-Mail-Adresse, die Ihr Formularbenutzer angeben kann, sodass Antworten von Ihnen automatisch an diese angegebene E-Mail-Adresse gesendet werden.
Aber, wie gesagt, Sie können hier in den Benachrichtigungseinstellungen ändern, an welche Benutzer-E-Mail Sie antworten werden.
Was Ihr Formularbenutzer nach dem Absenden seines Formulars sieht – diese Nachricht können Sie im Tab Bestätigungen direkt unter Benachrichtigungen anpassen.
Alle WPForms-Vorlagen, die Sie zum Erstellen Ihres Formulars verwenden können, haben bereits eine relevante Bestätigungsnachricht, die in ihren Einstellungen geschrieben und enthalten ist.
Ich schlage jedoch vor, diese Bestätigungsnachricht mit dem Branding und der Botschaft Ihrer eigenen Website zu personalisieren. Die Bestätigungsnachricht ist auch ein großartiger Ort, um Gutscheincodes oder Informationen zu Angeboten und Rabatten einzufügen, die Sie anbieten!
Integrationen hinzufügen
Viele der Formularvorlagen, die wir anbieten, sind so konzipiert, dass sie mit Integrationen funktionieren, die Sie auf Ihrer Website eingerichtet haben.
Zum Beispiel könnten Sie Constant Contact für Ihre E-Mail-Marketing-Plattform nutzen und möchten, dass Formularbenutzer, die sich für Ihren Newsletter anmelden, zu Ihrer Constant Contact-Mailingliste hinzugefügt werden.
Dies ist durch die Integration von Constant Contact mit WPForms möglich!
Um eine unserer Integrationen zu Ihrer Formularvorlage hinzuzufügen, gehen Sie einfach zum Tab Marketing im Formular-Builder. Klicken Sie dann auf die Schaltfläche Neue Verbindung hinzufügen.
Jetzt müssen Sie nur noch Ihre Constant Contact-Anmeldedaten eingeben und schon sind Sie fertig!
Ihr Formular branden
Es gibt viele Bereiche und Möglichkeiten, Ihre Formularvorlage während des gesamten Anpassungsprozesses zu branden. Sie können nicht nur Elemente Ihrer Marke direkt im Formular-Builder hinzufügen, sondern Sie finden auch Möglichkeiten zum Branding, sobald Sie Ihr Formular auf Ihrer Website eingebettet haben.
Inhaltsfeld
Eine Möglichkeit, eine Formularvorlage mit Ihrem eigenen Branding anzupassen, ist das Inhaltsfeld.
Das Feld "Inhalt" ermöglicht es Ihnen, Schriftart, Farben und andere Elemente des Feldes über die üblichen Feldeinstellungen hinaus zu gestalten. Am wichtigsten ist jedoch, dass das Feld "Inhalt" es Ihnen ermöglicht, ein Bild direkt in Ihr Formular hochzuladen.
Daher ist die Platzierung des Feldes "Inhalt" am Anfang Ihrer Formularvorlage eine großartige Möglichkeit, Ihr eigenes Kopfzeilenbild oder Logo hinzuzufügen.
Kopfzeile der E-Mail-Benachrichtigung
Ein weiterer Bereich, in dem Sie Ihr eigenes Kopfzeilenbild hinzufügen können, sind die E-Mail-Benachrichtigungen für Benutzer, die ich zuvor behandelt habe.
Navigieren Sie einfach zum Tab E-Mail in Ihrem WPForms-Dashboard, um ein Kopfzeilenbild für E-Mails hinzuzufügen und anzupassen.
Hier können Sie eine Kopfzeile zu jeder der verfügbaren E-Mail-Vorlagen hinzufügen. Dies ist ein effektiver Ort, um Ihr eigenes Logo und Branding anzuzeigen.
Oder ich füge hier lieber eine saisonale Nachricht oder einen Gruß ein, um die Benutzerinteraktion zu fördern.
Vergessen Sie nur nicht, das Kopfzeilenbild später zu aktualisieren!
Formular-Designs
Nachdem Sie alle Anpassungen Ihrer Formularvorlage abgeschlossen haben, können Sie Ihr Formular im WordPress-Block-Editor weiter gestalten.
Sobald Sie Ihr Formular eingebettet haben, sehen Sie Optionen, um den WPForms-Block zu gestalten. Hier enthält der Abschnitt Designs alle verfügbaren Designstile, die WPForms anbietet.
Schauen Sie sich unbedingt unsere vollständige Dokumentation zur Verwendung von Formular-Designs an, um sicherzustellen, dass Sie diese Branding-Tools optimal nutzen.
Das ist alles! Sie haben jetzt alle möglichen Optionen zur Anpassung Ihrer Formularvorlagen direkt zur Hand.
WPForms ist mehr als nur ein einfacher Formularersteller – es ist ein leistungsstarkes Werkzeug, das Ihrem Unternehmen auf kreative und unerwartete Weise helfen kann, zu wachsen.
Durch die Erkundung dieser innovativen Anwendungen können Sie neue Wachstumschancen generieren. Beginnen Sie noch heute mit diesen Ideen zu experimentieren und entdecken Sie, wie WPForms Ihre Website auf die nächste Stufe heben kann!
Erstellen Sie jetzt Ihr WordPress-Formular
FAQ
Suchen Sie etwas Bestimmtes? Stöbern Sie in unseren am häufigsten gestellten Fragen, um mehr zu erfahren:
Kann ich eine vorgefertigte Vorlage verwenden und sie trotzdem anpassen?
Absolut! WPForms bietet eine breite Palette von Vorlagen für verschiedene Zwecke. Sie können jede Vorlage anpassen, indem Sie Feldbezeichnungen bearbeiten, Felder hinzufügen oder entfernen, Einstellungen anpassen und sogar erweiterte Funktionen wie KI-generierte Auswahlmöglichkeiten integrieren.
Ist es möglich, mein Formular vor der Veröffentlichung in der Vorschau anzuzeigen?
Ja. WPForms ermöglicht es Ihnen, Ihr Formular jederzeit im Builder in der Vorschau anzuzeigen. So können Sie Anpassungen vornehmen, bevor Sie es auf Ihrer Website einbetten, damit Benutzer damit interagieren können.
Kann ich WPForms mit meinem E-Mail-Marketing-Dienst integrieren?
Auf jeden Fall! WPForms lässt sich nahtlos in viele beliebte E-Mail-Marketing-Dienste integrieren. Um dies einzurichten, installieren Sie einfach das entsprechende E-Mail-Marketing-Addon für WPForms, verbinden Sie Ihr Konto und ordnen Sie Ihre Formularfelder Ihrer E-Mail-Liste zu.
Diese Integration erleichtert das automatische Hinzufügen von Abonnenten, das Senden von Bestätigungs-E-Mails und die Verwaltung Ihrer Listen direkt von Ihrer WordPress-Website aus.
Als Nächstes befolgen Sie diese Best Practices
Nachdem Sie nun wissen, wie Sie Ihr Formular mit einer Vorlage anpassen können, stellen Sie sicher, dass die von Ihnen vorgenommenen Änderungen kohärent und für Ihre Website von Vorteil sind.
Um unsere Best Practices zu befolgen, die wir für die Erstellung Ihres Formulars empfehlen, lesen Sie unseren vollständigen Artikel zu diesem Thema.
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.
