Comment créer des schémas supplémentaires pour le champ Adresse

Souhaitez-vous personnaliser les formats d'adresse pour différents pays ? WPForms vous permet d'ajouter des schémas d'adresse personnalisés au-delà des formats par défaut US et International.

Ce guide vous montrera comment créer de nouveaux schémas d'adresse pour des pays comme le Canada, l'Australie ou tout autre format personnalisé dont vous avez besoin.

Configuration des schémas d'adresse

Pour commencer, vous devrez ajouter un extrait de code à votre site. Si vous n'êtes pas sûr de la manière d'ajouter du code personnalisé, veuillez consulter notre guide sur la façon d'ajouter des extraits de code à votre site.

Voici un extrait de code pour créer un format d'adresse canadien :

/**
 * 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 );

Pour un format d'adresse australien, utilisez ce 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 );

Utilisation de votre nouveau schéma d'adresse

Une fois que vous avez ajouté le code, créez un nouveau formulaire ou modifiez-en un existant. Ajoutez un champ Adresse à votre formulaire, puis recherchez le menu déroulant Schéma dans les paramètres du champ. Votre nouveau schéma d'adresse apparaîtra comme une option.

Avec l'un ou l'autre (ou les deux) des extraits ci-dessus, vous avez maintenant ajouté de nouveaux schémas d'adresse supplémentaires. Souhaitez-vous en savoir plus sur les sous-libellés du champ d'adresse ? Essayez notre article sur Comment modifier les sous-libellés du champ d'adresse.

Questions fréquemment posées

Q : Puis-je créer un schéma d'adresse personnalisé et lister tous les pays ?

R : Absolument ! Pour créer votre propre schéma d'adresse unique et lister tous les pays, vous utiliseriez l'extrait de code suivant. Vous le personnaliseriez simplement selon vos besoins.

Q : Comment puis-je masquer des champs spécifiques dans les schémas d'adresse ?

R : Pour les schémas US et International, vous pouvez masquer les champs Ligne d'adresse 2, Code postal et Pays en utilisant l'onglet Avancé dans le constructeur de formulaire.

Si vous avez besoin de masquer d'autres champs, vous pouvez utiliser du CSS ciblant votre formulaire spécifique et les ID de champ. Par exemple :

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

L'extrait d'exemple montre que nous masquons le champ État et son libellé pour l'ID de formulaire 41 et l'ID de champ (pour le champ Adresse) 6. Vous devrez mettre à jour ces ID pour qu'ils correspondent aux vôtres. Si vous avez besoin d'aide pour trouver ces ID, veuillez consulter ce guide pratique.

Et voilà ! Vous savez maintenant comment créer des schémas supplémentaires pour le champ d'adresse. Ensuite, souhaitez-vous apprendre à personnaliser les libellés du champ d'adresse ? Consultez notre guide sur la modification des sous-libellés du champ d'adresse pour plus de détails.

Filtre de référence

wpforms_address_schemes