So finden Sie die Formular-ID und Feld-ID

Wenn Sie benutzerdefinierte Code-Snippets oder CSS mit WPForms verwenden, müssen Sie oft spezifische Formular- und Feld-IDs finden. Diese IDs helfen Ihnen, genau das richtige Formular oder Feld anzusprechen, das Sie anpassen möchten.

Diese Anleitung zeigt Ihnen die schnellsten Wege, diese IDs zu finden.

Ihre Formular-ID finden

Der einfachste Weg, schnell eine Formular-ID zu finden, ist auf der Seite Übersicht der Formulare. Um zu dieser Seite zu gelangen, gehen Sie zu WPForms » Alle Formulare und suchen Sie die Spalte Shortcode. Ihre Formular-ID ist die Zahl im Shortcode.

Zum Beispiel zeigt der folgende Screenshot den Shortcode [wpforms id="1233"]. Die ID für dieses Formular wäre 1233.

Ihre Feld-ID finden

Um die ID eines bestimmten Feldes zu finden, bearbeiten Sie Ihr Formular im Formular-Generator. Klicken Sie dann auf das Feld, das Sie identifizieren möchten, und schauen Sie in den Bereich Feldoptionen auf der linken Seite. Die Feld-ID wird oben im Tab Allgemein angezeigt.

Wenn Sie zum Beispiel „Einzeiliger Text (ID #15)“ sehen, ist Ihre Feld-ID 15.

Diese IDs verwenden

Wenn Sie Code-Snippets in unserer Dokumentation sehen, müssen Sie Beispiel-IDs durch Ihre tatsächlichen IDs ersetzen. Hier erfahren Sie, wie Sie sie richtig verwenden:

• Ersetzen Sie bei Formular-IDs YOUR-FORM-ID durch Ihre tatsächliche Formularnummer. Wenn Ihre Formular-ID beispielsweise 561 ist, ändern Sie wpforms-YOUR-FORM-ID in wpforms-561.
• Ersetzen Sie bei Feld-IDs YOUR-FIELD-ID durch Ihre tatsächliche Feldnummer. Wenn Ihre Feld-ID beispielsweise 13 ist, ändern Sie field_YOUR-FIELD-ID in field_13.

Wenn Ihre Formular-ID also 999 und Ihre Feld-ID 4 ist, würden Sie ändern:

jQuery('#wpforms-123-field_13')

in:

jQuery('#wpforms-999-field_4')

Diese IDs sind für viele Anpassungen unerlässlich:

• Formular-IDs werden benötigt, wenn Sie CSS auf ein bestimmtes Formular anwenden, benutzerdefinierte Validierungen hinzufügen oder formularspezifische Funktionalitäten erstellen.
• Feld-IDs sind notwendig, wenn Sie bestimmte Felder gestalten, benutzerdefinierte Validierungsregeln hinzufügen oder feldspezifische Berechnungen erstellen.

Wenn Sie beispielsweise die Farben des Sende-Buttons anpassen, stellen Sie mit spezifischen Formular-IDs sicher, dass Ihre Änderungen nur die beabsichtigten Formulare betreffen:

/* Customize submit button color for specific forms */
#wpforms-form-561 .wpforms-submit {
    background-color: red;
}

Und das ist alles, was Sie brauchen, um Formular- und Feld-IDs zu finden und zu verwenden!

Möchten Sie als Nächstes mehr über die Anpassung Ihrer Formulare erfahren? Werfen Sie einen Blick auf unsere Anleitung zum Hinzufügen benutzerdefinierter CSS-Stile für Ihre Formulare.