Reset-Tastenmodul für Elementor Pro Form

Eine erweiterte Funktion von ElementsKit Pro, mit der Sie eine Reset-Schaltfläche für Elementor Pro-Formulare hinzufügen können. Mit der Schaltfläche „Zurücksetzen“ kann der Benutzer alle Eingaben im Eingabefeld des Elementor Pro-Formulars auf einmal löschen und das Formular zurücksetzen. Das Hinzufügen der Schaltfläche zum Zurücksetzen des Elementor-Formulars ist einfach. Fügen Sie ein neues Formularelement hinzu und wählen Sie dann den Elementtyp zum Zurücksetzen aus.

Lesen Sie diese Dokumentation, um zu erfahren, wie Sie das Reset-Schaltflächenmodul für Elementor Pro-Formulare mit ElementsKit verwenden.

Voraussetzung:

Um das Reset-Button-Modul von ElementsKit verwenden zu können, müssen Sie das folgende Plugin auf Ihrer WordPress-Site installieren:

  1. Elementor: Plugin herunterladen
  2. Elementor Pro: Holen Sie sich das Plugin
  3. ElementsKit Lite: Plugin herunterladen
  4. ElementsKit Pro: Holen Sie sich das Plugin

Schritt 1: Aktivieren Sie das ElementsKit Elementor Form Reset Button-Modul #

Um die Symbole der Elementor-Formular-Reset-Schaltfläche von ElementsKit verwenden zu können, müssen Sie das Modul aktivieren. Ermöglichen,

  • Melden Sie sich bei Ihrer WordPress-Site an.
  • Navigieren Sie zu ElementsKit > MODULE aus Ihrem WordPress-Dashboard.
  • Finden Sie die ElementsKit-Reset-Taste Modul.
  • Schalten Sie die Schaltfläche um AN.
  • Klick auf das ÄNDERUNGEN SPEICHERN Schaltfläche in der oberen rechten Ecke.
Aktivieren des Reset-Tastenmoduls für Elementor Pro-Formulare

Schritt 2: Fügen Sie dem Elementor-Formular eine Schaltfläche zum Zurücksetzen hinzu #

Nachdem Sie das Elementor-Formular-Reset-Button-Modul aktiviert haben, können Sie den Reset-Button im Elementor-Formular hinzufügen. So fügen Sie Formularen eine Schaltfläche zum Zurücksetzen hinzu:

  • Öffnen Sie den Elementor-Editor.
  • Ziehen Sie die Datei per Drag-and-Drop Elementor Pro From-Widget in Ihr Design integrieren.
  • Klick auf das „+ ARTIKEL HINZUFÜGEN“ Klicken Sie auf die Schaltfläche, um ein neues Formularelement hinzuzufügen.
Fügen Sie dem Elementor-Formular eine Schaltfläche zum Zurücksetzen hinzu
  • Legen Sie für das neue Element das Element fest Typ Zu Reset-Knopf.
Ein Bild, das zeigt, wie man die Schaltfläche zum Zurücksetzen des Elementor-Formulars auswählt
  • Sie können auch einstellen Etikett und auswählen Spaltenbreite für den Knopf.
  • Sehen Sie sich im Abschnitt „Erweitert“ Folgendes an: AUSWEIS Und Shortcode für die Reset-Taste. Kann auch die Schaltflächen-ID ändern.

Schritt 3: Passen Sie die Stile der Reset-Schaltfläche an #

Mit ElementsKit können Sie auch die Schaltfläche zum Zurücksetzen des Formulars an Ihren Markenstil anpassen. Um die Stile der Schaltfläche zum Zurücksetzen des Elementor-Formulars anzupassen,

  • Finden Sie die Reset-Knopf Abschnitt unter dem Registerkarte „Stil“. des Herausgebers.
  • Wähle ein Hintergrundfarbe, Textfarbe, und legen Sie den Text fest Typografie für den Knopf.
  • Wählen Randtyp und legen Sie Randbreite, Farbe, Randradius und Textabstand fest.
Passen Sie die Stile der Elementor-Formular-Reset-Schaltfläche an
  • Anders hinzufügen Hintergrundfarbe Und Textfarbe für Hover-Stil.

Speichern Sie abschließend die Aktualisierungen und öffnen Sie das Formular mit der Elementor-Vorschau. Füllen Sie nun die Feldinformationen aus. Klicken Sie anschließend auf die Schaltfläche „Zurücksetzen“ und Sie werden sehen, dass die Eingaben auf die Standardeinstellungen zurückgesetzt werden.

Ein Bild, das zeigt, wie die Schaltfläche zum Zurücksetzen des Elementor-Formulars funktioniert
Was sind deine Gefühle?
Aktualisiert am 3. Oktober 2022