Como adicionar a lista de países ao formulário de contato 7

O Contact Form 7 é sem dúvida um dos plug-ins mais populares do repositório do WordPress. No momento em que este artigo foi escrito, este plug-in ultrapassou mais de 5 milhões de instalações ativas. Uma das razões para esta imensa popularidade são os plugins add-on. O autor deste plug-in desenvolveu vários complementos com suporte para o plug-in Contact Form 7. Usando esses add-ons, pode-se facilmente adicionar novos recursos ao formulário de contato existente.

Digamos que você queira adicionar um campo País ao seu formulário de contato. Existem cerca de 200 países no mundo e adicionar esses países estaticamente não é uma tarefa fácil.

Para resolver esse problema, o autor do plugin Contact Form 7 criou um plugin Listo. Usando o plugin Listo, você pode adicionar o campo País ao seu formulário de contato em questão de minutos.

Dito isso, vamos ver como adicionar uma lista de países no plugin Contact Form 7.

Por que precisa do Listo Plugin?

Às vezes, os proprietários de sites desejam obter a localização de um usuário junto com outros detalhes de um formulário de contato. Para obter a localização de um usuário, seu formulário de contato deve conter um campo País. Este campo será uma lista suspensa a partir da qual os usuários podem escolher seu país.

Por padrão, o plugin Contact Form 7 fornece uma selecttag de formulário para adicionar as opções. Mas essa selecttag é adequada quando você tem opções limitadas. Quando se trata de adicionar uma lista de países, não é possível usar essa opção facilmente por causa de uma lista longa.

O plugin Listo torna esta tarefa muito fácil. Basta adicionar uma declaração e pronto.

Adicionar Lista de Países ao Formulário de Contato 7 Plugin

Instale e ative o plugin Listo. Este plugin não possui uma página de configuração separada. Basta conectá-lo e você pode usar seus recursos.

Em seguida, para inserir uma lista de países, você precisa adicionar atributos para selectform-tag. Vá para a tela de edição do seu formulário de contato e adicione a selecttag da seguinte forma.

[select your-country data:countries]

Aqui data:countriesfaz a mágica. Ele preenche uma lista de países em sua lista suspensa. Agora verifique seu formulário de contato. Deve ter a lista suspensa de país.

Como definir o país padrão

Digamos que você queira manter um país específico selecionado por padrão. Nesse caso, você precisa adicionar um código jQuery ao seu arquivo JS. Primeiro, obtenha o valor da opção de um país que você precisa definir como padrão. Um usuário pode pegar esse valor inspecionando o menu suspenso e copiá-lo do valor da opção.

Em seguida, usando a classe ‘wpcf7-select’, pode-se definir o país padrão selecionado no formulário de contato. Adicione o código abaixo em seu arquivo JS.

jQuery(function($) {
    $('.wpcf7-select').val("India"); // here we set India as a default country
});

É isso! Agora, se você verificar seu formulário de contato, verá ‘Índia’ como um país selecionado padrão na lista suspensa de países.

Artigos relacionados

• Remova o CSS e JS do formulário de contato 7 quando não for necessário
• Redirecionar para a página de agradecimento após o envio do formulário de contato 7
• Como salvar envios do formulário de contato 7 para o banco de dados do WordPress