Wie füge ich ein WYSIWYG-Feld in einem WordPress-Registrierungsformular hinzu?

Möchten Sie erfahren, wie Sie ein WYSIWYG-Feld in einem WordPress-Registrierungsformular hinzufügen? Wir zeigen Ihnen wie!

WYSIWYG (ausgesprochen wiz-ee-wig) ist ein Akronym für „What You See Is What You Get“.

Einfach ausgedrückt handelt es sich um ein Bearbeitungssystem, das die Bearbeitung von Inhalten auf derselben Oberfläche ermöglicht, wie sie Endbenutzern angezeigt werden.

Das Hinzufügen von WYSIWYG-Feldern zu Registrierungsformularen ist eine großartige Idee, wenn Sie gut formatierte Inhalte von Ihren Benutzern sammeln möchten. Es ermöglicht ihnen, Text und Multimedia innerhalb eines einzigen Bereichs zu bearbeiten und zu gestalten und einzureichen.

Wenn Sie also ein WYSIWYG-Feld in Ihr WordPress-Registrierungsformular aufnehmen möchten, bleiben Sie bis zum Ende bei uns. Wir zeigen Ihnen, wie Sie mithilfe dieses Tutorials eine hinzufügen können.

Was ist ein WYSIWYG-Feld? Was sind die Vorteile des Hinzufügens zu Ihrem Formular?

Wir haben bereits kurz besprochen, was das WYSIWYG-Feld ist. Es ist ein Formularfeld, das es Benutzern ermöglicht, Text mit einem visuellen Editor ähnlich einem Textverarbeitungsprogramm einzugeben und zu formatieren.

Ein WYSIWYG-Editor auf einer Website könnte der Texteditor sein, der beim Erstellen eines Blogbeitrags/einer Blogseite in WordPress verwendet wird. Zum Beispiel der klassische Editor auf WordPress.

Mit dem Editor können Benutzer Text formatieren und Bilder und andere Medienelemente visuell hinzufügen.

Wenn Benutzer also Text oder Bilder in ein WYSIWYG-Feld eingeben, können sie den formatierten Text in Echtzeit sehen.

Nun fragen Sie sich vielleicht, wie hilfreich ein WYSIWYG-Feld in einem Benutzerregistrierungsformular sein kann.

Im Folgenden sind einige wichtige Vorteile aufgeführt:

• Als Websitebesitzer können Sie vorformatierte Inhalte von den Benutzern sammeln. Beispielsweise können Benutzer-Bios gesammelt werden.
• Es ermöglicht Ihren Benutzern, Bilder, Listen, Links usw. an einem einzigen Ort ohne Codierung anzuzeigen. Daher können sie ihre Ideen frei einreichen.
• Es macht das WordPress-Formular mehreren Benutzern mit unterschiedlichen technischen Kenntnissen zugänglich.

Was ist der beste Weg, um WYSIWYG-Felder in WordPress-Registrierungsformularen hinzuzufügen?

Jetzt brauchen Sie nur noch ein Plugin, das Ihnen bei der Aufgabe hilft. Dafür empfehlen wir Ihnen das ultimative WordPress-Registrierungs-Plugin, die Benutzerregistrierung.

Mit diesem unglaublichen Plugin können Sie problemlos viele schöne benutzerdefinierte Registrierungsformulare erstellen.

Ebenso können Sie Ihrem Formular verschiedene Felder hinzufügen, einschließlich des WYSIWYG-Felds. Sie benötigen lediglich die Erweiterung „Erweiterte Felder“ und schon sind Sie bereit.

Das WYSIWYG-Feld des Benutzerregistrierungs-Plugins lässt Ihre Benutzer zwischen zwei Modi wechseln:

• Visual : Bilder und Texte werden in einem Texteditor angezeigt.

• Text : Bilder und Texte werden im HTML-Format angezeigt.

Als nächstes sehen Sie die Liste der Symbolleistenoptionen, die Sie unter Visueller Modus finden.

• Absatz
• Deutlich
• Kursiv
• Liste mit Aufzählungszeichen
• Nummerierte Liste
• Blockzitat
• Rechts ausrichten
• Im Zentrum anordnen
• Linksbündig
• Link einfügen/bearbeiten
• Weiterlesen-Tag einfügen
• Ganzer Bildschirm
• Symbolleiste umschalten

Ebenso erhalten Sie über das Umschaltsymbol der Symbolleiste weitere Optionen wie Durchgestrichen , Horizontale Linie , Textfarbe , Als Text einfügen , Formatierung löschen , Sonderzeichen , Einzug verringern und Einzug vergrößern .

Lassen Sie uns jetzt ohne weitere Verzögerung direkt in den Inhalt eintauchen.

Wie füge ich ein WYSIWYG-Feld in einem WordPress-Registrierungsformular hinzu?

Ein gutes Tool wie die Benutzerregistrierung ist selbsterklärend und sehr einfach zu bedienen. Es ist jedoch ratsam, dieses Tutorial durchzugehen, um ein solides Verständnis sicherzustellen.

Schritt 1: Installieren und aktivieren Sie User Registration Pro

Mit der kostenlosen Version des Plugins können Sie ganz einfach einfache Formulare erstellen. Das WYSIWYG- Feld befindet sich jedoch im Abschnitt „Erweiterte Felder“ .

Und um dieses Feld freizuschalten, benötigen Sie das Add-On Advanced Fields , das nur im Premium-Plan des Plugins enthalten ist.

Besuchen Sie einfach die offizielle Website des Plugins, kaufen Sie einen für Sie geeigneten Plan und schon sind Sie bereit.

Danach erhalten Sie einen Link zu Ihrer E-Mail. Folgen Sie dem Link und erhalten Sie Zugriff auf Ihr Konto-Dashboard.

Von dort aus können Sie die Pro-Version des Plugins herunterladen und den Lizenzschlüssel auf der Registerkarte Lizenzschlüssel erhalten.

Als nächstes kehren Sie zu Ihrem WordPress-Dashboard zurück und navigieren Sie zu Plugins >> Add New . Und klicken Sie einfach auf die Schaltfläche Plugin hochladen .

Wählen Sie als Nächstes die zuvor heruntergeladene ZIP-Datei User Registration Pro aus und klicken Sie auf Jetzt installieren .

Fügen Sie nun den Lizenzschlüssel in den erforderlichen Bereich ein und aktivieren Sie das Plugin auf Ihrer Website.

Wenn Sie den gesamten Installations- und Einrichtungsprozess im Detail benötigen, folgen Sie diesem Link zur Installation der Benutzerregistrierung pro.

Nach erfolgreicher Einrichtung können Sie mit dem nächsten Schritt fortfahren.

Schritt 2: Installieren Sie das Add-on für erweiterte Felder

Nach dem Kauf des Premium-Plans können Sie ganz einfach auf das Add-on „Erweiterte Felder “ zugreifen.

Navigieren Sie zu Benutzerregistrierung >> Erweiterungen und suchen Sie nach Erweiterte Felder .

Klicken Sie anschließend auf die Schaltfläche Add-on installieren und drücken Sie nacheinander auf Aktivieren . Und schon haben Sie Ihr Advanced Fields -Add-On.

Schritt 3: Erstellen Sie ein neues Formular

Der nächste Schritt besteht nun darin, ein neues Formular zu erstellen. Gehen Sie in Ihrem Dashboard zu Benutzerregistrierung >> Neu hinzufügen .

Hier sehen Sie unzählige kostenlos erstellte Vorlagen und eine Option zum Erstellen Ihres Formulars.

Klicken Sie also auf Von Grund auf neu beginnen , um das Formular von vorne zu beginnen, oder wählen Sie die vorgefertigte Vorlage aus, um Zeit zu sparen.

Lassen Sie uns für dieses Tutorial ein völlig neues Registrierungsformular für Referenten erstellen.

Unmittelbar danach werden Sie aufgefordert, Ihr Formular zu benennen. Geben Sie also den richtigen Formularnamen ein und drücken Sie Weiter .

Schritt 4: Fügen Sie Ihrem Formular ein WYSIWYG-Feld hinzu

Hier kommt der wichtigste Schritt, das Hinzufügen eines WYSIWYG- Felds zu Ihrem Formular.

Fügen Sie also alle erforderlichen Felder in Ihrem Formular hinzu.

Um ein WYSIWYG- Feld hinzuzufügen, ziehen Sie es aus den erweiterten Feldern auf der rechten Seite und legen Sie es auf der linken Seite des Formularerstellungsbereichs ab.

Sie können nach demselben Verfahren beliebig viele Felder hinzufügen.

Nachdem Sie das Feld ausgewählt haben, werden die Feldoptionen angezeigt. Sie können jedes Formularfeld in diesem Abschnitt anpassen.

Sie können Änderungen in den Feldoptionen vornehmen, wie unten erläutert.

• Label : Geben Sie Ihrem Feld einen passenden Titel. Wie Notizen, Anfragen usw.
• Beschreibung : Fügen Sie die Beschreibung hinzu, die Sie in Ihr Formular aufnehmen möchten.
• Feldname : Dieser Bereich enthält die ID des Felds. Sie können es so lassen, wie es ist, oder es nach Ihren Wünschen ändern.
• Erforderlich : Sie können das erforderliche WYSIWYG-Feld einfach aus dem Dropdown-Menü markieren.
• Beschriftung ausblenden : Sie können die Feldbeschriftung auch aus der Dropdown-Liste ausblenden. Wählen Sie einfach Ja oder Nein aus.
• Tooltip aktivieren : Aktivieren Sie den Tooltip, um Benutzern Informationen über das Feld anzuzeigen.

Passen Sie auf ähnliche Weise die Feldoptionen für die restlichen Felder an.

Hinweis: Die meisten Formularfelder haben ähnliche Feldoptionen. Einige Optionen können jedoch je nach Bereich leicht abweichen. Also entsprechend anpassen.

Nachdem Sie alle Änderungen vorgenommen haben, können Sie das Formular speichern, indem Sie oben auf Formular aktualisieren klicken. Klicken Sie ebenso auf Vorschau , wenn Sie sehen möchten, wie Ihr Formular auf dem Frontend aussieht.

Das war es für den Teil der Feldanpassung. Sie können mit dem Prozess fortfahren.

Schritt 4: Formulareinstellungen konfigurieren

Nachdem Sie das Formularfeld angepasst haben, ist es an der Zeit, die Formulareinstellungen zu konfigurieren.

Sie finden die Optionen für die Formulareinstellungen neben Feldoptionen . Von hier aus können Sie die allgemeinen Einstellungen und die Extra- Einstellungen konfigurieren.

In den allgemeinen Einstellungen können Sie die Benutzergenehmigungs- und Anmeldeoption ändern. Sie können benutzerdefinierte Genehmigungs- und Anmeldekriterien für Ihre Benutzer unter den Optionen aus dem Dropdown-Menü festlegen.

Dann gibt es die Standardbenutzerrolle , um die Rolle der Benutzer festzulegen, die sich in Ihrem Formular registrieren. Sie können aus den sechs Standardbenutzerrollen wählen.

Ebenso können Sie die Option Captcha-Unterstützung aktivieren, um Ihr Formular vor Bots und Spam zu schützen.

Außerdem gibt es mehrere andere Optionen wie Submit Button Class , Submit Button Text , Success message position , etc.

Jetzt können Sie, genau wie bei den allgemeinen Einstellungen, zusätzliche Einstellungen Ihres Formulars konfigurieren.

Sie finden verschiedene wichtige Schutzoptionen, wie zum Beispiel:

• Aktivieren Sie das automatisch generierte Passwort für Benutzer
• Aktivieren Sie den Spamschutz von HoneyPot
• Whitelist/Blacklist-Domain aktivieren usw.

In ähnlicher Weise können Sie das tastaturfreundliche Formular aktivieren und die Schaltfläche zum Zurücksetzen aktivieren, um eine hervorragende Benutzererfahrung zu erzielen.

Sie können auch die Beschriftung Ihrer Reset-Schaltfläche über die Formular-Reset-Schaltflächenbeschriftung ändern.

Darüber hinaus können Sie die Formularfeldzuordnung mit zusätzlichen Feldern aktivieren , um das Benutzerregistrierungs-Plugin mit externen Plugins kompatibel zu machen.

Das war's für den Einstellungsteil. Klicken Sie erneut auf Formular aktualisieren , um alle Ihre Änderungen zu speichern.

Schritt 5: Zeigen Sie das Formular auf Ihrer Website an

Schließlich ist es an der Zeit, das Registrierungsformular mit dem WYSIWYG-Feld zu veröffentlichen, das Benutzer auf Ihrer Website ausfüllen können.

Um das Formular auf Ihrer Website einzubetten, gehen Sie zu Beitrag/Seiten >> Neu hinzufügen .

Klicken Sie als Nächstes auf die Schaltfläche „Block hinzufügen“ ( + ) und suchen Sie nach dem Block „Benutzerregistrierung“ . Fügen Sie es dann der Seite hinzu, indem Sie darauf klicken.

Wählen Sie danach Ihr WordPress- Speaker-Registrierungsformular aus dem Dropdown-Menü aus.

Sie können die endgültige Vorschau des Formulars mit der Vorschau- Schaltfläche oben anzeigen.

Unten ist das Bild, wie Ihr Formular aussehen wird.

Und schließlich, wenn Sie glauben, dass Ihr Formular vollständig fertig ist, können Sie auf Veröffentlichen klicken.

Abschließende Gedanken!

Das war es für unseren Artikel über das Hinzufügen von WYSIWYG-Feldern zu einem WordPress-Registrierungsformular.

Wir hoffen, dass dieser Leitfaden Ihnen geholfen hat zu verstehen, was WYSIWYG ist und wie es im Benutzerregistrierungs-Plugin funktioniert.

Die Benutzerregistrierung ist bei weitem die beste Wahl, wenn es darum geht, Ihre Website exklusiv zu machen. Es ist mit allen wesentlichen Funktionen ausgestattet, die ein Registrierungs-Plugin besitzen sollte.

Es gibt weitere einzigartige Funktionen der Benutzerregistrierung, von denen einige sind:

• Umleitungen und Inhaltsbeschränkungen
• Einladungscodes für exklusive Einladungen
• Spamfreie Funktionen für einen sicheren und geschützten Bereich
• Zahlungs-Gateway-Integrationen
• Benutzerdefinierte E-Mail-Vorlagen

Das sind nur einige seiner Funktionen. Außerdem ist die Anwendung dieses Plugins grenzenlos. Um mehr über dieses Plugin zu erfahren, besuchen Sie die offizielle Website.

Wenn Sie als Nächstes ein Passwortfeld in Ihrem WordPress-Registrierungsformular festlegen möchten, lesen Sie unsere Anleitung zum Hinzufügen eines Passwortfelds im WordPress-Registrierungsformular.

Ebenso können Sie Benutzer in WordPress auch nach der Frontend-Registrierung genehmigen.

Sie können mehr Wunder über dieses leistungsstarke Plugin in unserem Blog lesen. Und für einfache Video-Tutorials können Sie unseren YouTube-Kanal abonnieren.

Wenn Sie Anregungen oder Fragen zum Plugin haben, kontaktieren Sie uns über die sozialen Medien. Wir sind auf Facebook und Twitter verfügbar.