How to Create Additional Schemes for the Address field

Markdown anzeigen

Möchten Sie Adressformate für verschiedene Länder anpassen? WPForms ermöglicht es Ihnen, benutzerdefinierte Adressschemata zusätzlich zu den Standardformaten für die USA und international hinzuzufügen.

Diese Anleitung zeigt Ihnen, wie Sie neue Adressschemata für Länder wie Kanada, Australien oder jedes benutzerdefinierte Format, das Sie benötigen, erstellen.

Einrichtung von Adressschemata

Um zu beginnen, müssen Sie einen Code-Snippet zu Ihrer Website hinzufügen. Wenn Sie nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen, lesen Sie bitte unsere Anleitung zum Hinzufügen von Code-Snippets zu Ihrer Website.

Hier ist ein Code-Snippet zum Erstellen eines kanadischen Adressformats:

/**
 * Add new address field scheme for Canada
 *
 * @link https://wpforms.com/developers/create-additional-schemes-for-the-address-field
 */
function wpf_dev_new_address_scheme( $schemes ) {
    $my_form_id = 1000; // Replace with your form ID
    
    $schemes['canada'] = array(
        'label' => 'Canada',
        'address1_label' => 'Address Line 1',
        'address2_label' => 'Address Line 2',
        'city_label' => 'City',
        'postal_label' => 'Code Postal',
        'state_label' => 'Province',
        'states' => array(
            'BC' => 'British Columbia',
            'ON' => 'Ontario',
            'QC' => 'Quebec',
            'AB' => 'Alberta',
            'MB' => 'Manitoba',
            'NB' => 'New Brunswick',
            'NL' => 'Newfoundland and Labrador',
            'NT' => 'Northwest Territories',
            'NS' => 'Nova Scotia',
            'NU' => 'Nunavut',
            'PE' => 'Prince Edward Island',
            'SK' => 'Saskatchewan',
            'YT' => 'Yukon',
        ),
    );
    return $schemes;
}
add_filter( 'wpforms_address_schemes', 'wpf_dev_new_address_scheme', 10, 1 );

Für ein australisches Adressformat verwenden Sie diesen Code:

/**
 * Add new address field scheme for Australia
 *
 * @link https://wpforms.com/developers/create-additional-schemes-for-the-address-field
 */
function wpf_dev_new_address_scheme( $schemes ) {
    $schemes['australia'] = array(
        'label' => 'Australia',
        'address1_label' => 'Address Line 1',
        'address2_label' => 'Address Line 2',
        'city_label' => 'City',
        'postal_label' => 'Postal',
        'state_label' => 'State / Territory',
        'states' => array(
            'NSW' => 'New South Wales',
            'VIC' => 'Victoria',
            'QLD' => 'Queensland',
            'WA' => 'Western Australia',
            'SA' => 'South Australia',
            'TAS' => 'Tasmania',
            'ACT' => 'Australia Capital Territory',
            'NT' => 'Northern Territory',
        ),
    );
    return $schemes;
}
add_filter( 'wpforms_address_schemes', 'wpf_dev_new_address_scheme', 10, 1 );

Verwendung Ihres neuen Adressschemas

Sobald Sie den Code hinzugefügt haben, erstellen Sie ein neues Formular oder bearbeiten Sie ein vorhandenes. Fügen Sie ein Adressfeld zu Ihrem Formular hinzu und suchen Sie dann im Dropdown-Menü Schema in den Feld-Einstellungen. Ihr neues Adressschema wird dort als Option angezeigt.

Sie können nun die zusätzlichen Schemata für das Adressfeld aus dem Dropdown-Menü "Schemata" im Adressformularfeld auswählen.

Mit einem oder beiden der obigen Snippets haben Sie nun neue zusätzliche Adressschemata hinzugefügt. Möchten Sie erfahren, wie Sie Unterbeschriftungen für das Adressfeld einstellen? Probieren Sie unseren Artikel über Ändern der Unterbeschriftungen des Adressfelds.

Häufig gestellte Fragen

F: Kann ich ein benutzerdefiniertes Adressschema erstellen und alle Länder auflisten?

A: Absolut! Um Ihr eigenes einzigartiges Adressschema zu erstellen und alle Länder aufzulisten, würden Sie den folgenden Code-Snippet verwenden. Sie würden dies einfach an Ihre Bedürfnisse anpassen.

F: Wie kann ich bestimmte Felder in den Adressschemata ausblenden?

A: Für US- und internationale Schemata können Sie Adresszeile 2, Postleitzahl und Land ausblenden, indem Sie die Registerkarte "Erweitert" im Formular-Generator verwenden.

schalten Sie den Schalter um, um bestimmte Felder im internationalen Adressschema auszublenden, die Sie nicht anzeigen möchten

Wenn Sie andere Felder ausblenden müssen, können Sie CSS verwenden, um Ihre spezifische Formular- und Feld-IDs anzusprechen. Zum Beispiel:

input#wpforms-41-field_6-state, 
label[for="wpforms-41-field_6-state"] {
    visibility: hidden;
}

Das Beispiel-Snippet zeigt, dass wir das Feld Bundesland/Kanton und die Beschriftung für die Formular-ID 41 und die Feld-ID (für das Adressfeld) 6 ausblenden. Sie müssen diese IDs aktualisieren, um Ihre eigenen IDs abzugleichen. Wenn Sie Hilfe benötigen, wo Sie diese IDs finden, sehen Sie sich bitte diese praktische Anleitung an.

Wenn das Adressfeld ein Pflichtfeld ist, empfehlen wir nicht, Felder mit CSS auszublenden, da das Adressfeld sonst die Validierung nicht besteht.

Das ist alles! Jetzt wissen Sie, wie Sie zusätzliche Schemata für das Adressfeld erstellen. Möchten Sie als Nächstes erfahren, wie Sie Adressfeld-Beschriftungen anpassen? Schauen Sie sich unsere Anleitung zum Ändern von Adressfeld-Unterbeschriftungen für weitere Details an.

Referenzfilter

wpforms_address_schemes

Erstellen zusätzlicher Schemata für das Adressfeld

KI-Zusammenfassung