Como Criar Esquemas Adicionais para o Campo de Morada

Gostaria de personalizar os formatos de morada para diferentes países? O WPForms permite-lhe adicionar esquemas de morada personalizados para além dos formatos predefinidos dos EUA e Internacional.

Este guia irá mostrar-lhe como criar novos esquemas de morada para países como o Canadá, Austrália ou qualquer formato personalizado de que necessite.

Configurar Esquemas de Morada

Para começar, terá de adicionar um trecho de código ao seu site. Se não tem a certeza de como adicionar código personalizado, consulte o nosso guia sobre como adicionar trechos de código ao seu site.

Aqui está um trecho de código para criar um formato de morada Canadiano:

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

Para um formato de morada Australiano, utilize este código:

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

Utilizar o Seu Novo Esquema de Morada

Depois de adicionar o código, crie um novo formulário ou edite um existente. Adicione um campo de Morada ao seu formulário, depois procure o menu suspenso Esquema nas definições do campo. O seu novo esquema de morada aparecerá como uma opção.

Com qualquer um (ou ambos) dos trechos acima, adicionou agora novos esquemas de morada adicionais. Gostaria de saber como adicionar sub-rótulos ao campo de morada? Experimente o nosso artigo sobre Como Alterar os Sub-rótulos do Campo de Morada.

Perguntas Frequentes

P: Posso criar um esquema de morada personalizado e listar todos os países?

R: Absolutamente! Para criar o seu próprio esquema de morada único e listar todos os países, utilizaria o seguinte trecho de código. Bastaria personalizá-lo de acordo com as suas necessidades.

P: Como posso ocultar campos específicos nos esquemas de morada?

R: Para os esquemas dos EUA e Internacional, pode ocultar os campos Linha de Morada 2, Código Postal e País utilizando o separador Avançadas no construtor de formulários.

Se precisar de ocultar outros campos, pode usar CSS direcionando os IDs específicos do seu formulário e campo. Por exemplo:

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

O trecho de exemplo mostra que estamos a ocultar o campo Estado e o seu rótulo para o ID do formulário 41 e o ID do campo (para o campo de Morada) 6. Terá de atualizar estes IDs para corresponder aos seus próprios IDs. Se precisar de ajuda para encontrar estes IDs, por favor, consulte este guia útil.

É tudo! Agora sabe como criar esquemas adicionais para o campo de morada. Em seguida, gostaria de saber como personalizar os rótulos do campo de morada? Consulte o nosso guia sobre alterar os sub-rótulos do campo de morada para mais detalhes.

Filtro de Referência

wpforms_address_schemes