Restringir a Autocompletar Morada a um País Específico

Visão geral

Gostaria de restringir a funcionalidade de Autocompletar Morada a um país específico? Quando cria os seus próprios esquemas de morada únicos para um país desejado, também vai querer ter a certeza de que o autocompletar de moradas só procura nesse país.

Neste artigo, vamos mostrar-lhe como conseguir isto utilizando JavaScript.

Configuração

Para efeitos desta documentação, já criámos um Esquema de morada único para o Canadá seguindo os passos deste tutorial.

Depois de adicionarmos o nosso esquema de morada adicional, selecionámos o Esquema para o nosso campo de Morada dentro do construtor de formulários.

Além disso, ativámos também Ativar Autocompletar Morada no separador Avançadas do campo de Morada.

Adicionar o Trecho

Depois de configurar e guardar o seu formulário, está na hora de adicionar o snippet. Se precisar de ajuda para adicionar snippets ao seu site, consulte este tutorial.

/**
 * Restrict address autocomplete to a specific country
 *
 * @link https://wpforms.com/developers/how-to-restrict-address-autocomplete-to-a-specific-country/
 */
function wpf_dev_geo_autocomplete_default_country() {
    ?>
    <script type="text/javascript">
        var formID = '1000';        // Change form ID
        var addressFieldID = '25';  // Change address field ID
        var country = 'ca';         // Change country code
        var settingsKey = 'wpforms_' + formID + '_field_' + addressFieldID;
        if ( typeof wpforms_geolocation_settings !== 'undefined' ) {
            if ( ! wpforms_geolocation_settings.autocompleteSettings ) {
                wpforms_geolocation_settings.autocompleteSettings = {};
            }
            if ( ! wpforms_geolocation_settings.autocompleteSettings[ settingsKey ] ) {
                wpforms_geolocation_settings.autocompleteSettings[ settingsKey ] = {};
            }
            wpforms_geolocation_settings.autocompleteSettings[ settingsKey ].strict = [ country ];
        }
    </script>
    <?php
}
add_action( 'wpforms_wp_footer_end', 'wpf_dev_geo_autocomplete_default_country', 30 );

Existem três itens que precisa de atualizar no snippet para corresponder aos seus requisitos específicos.

1. var formID = 1000;
2. var addressFieldID = 25;
3. ‘country’: [ ‘ca’ ],

Estes terão de ser atualizados para corresponder ao seu próprio ID de formulário, ID de campo e ao país em que pretende que o Autocompletar Morada pesquise apenas.

Para encontrar os seus IDs de formulário e campo, consulte este tutorial.

Para obter assistência na localização do código de país de 2 letras para o seu país específico, consulte esta documentação.

É tudo! Agora, quando uma morada for digitada, a funcionalidade de autocompletar só procurará no país que especificou.

Gostaria também de restringir o campo Telefone a um país específico? Dê uma vista de olhos ao nosso artigo sobre Como Restringir Países em Campos de Telefone Inteligentes.

Relacionado

Referência de Ação: wpforms_wp_footer_end