Dito isso, vamos ver como adicionar uma lista de pa\u00edses no plugin Contact Form 7.<\/p>\n
Por que precisa do Listo Plugin?<\/h3>\n
\u00c0s vezes, os propriet\u00e1rios de sites desejam obter a localiza\u00e7\u00e3o de um usu\u00e1rio junto com outros detalhes de um formul\u00e1rio de contato. Para obter a localiza\u00e7\u00e3o de um usu\u00e1rio, seu formul\u00e1rio de contato deve conter um campo Pa\u00eds. Este campo ser\u00e1 uma lista suspensa a partir da qual os usu\u00e1rios podem escolher seu pa\u00eds.<\/p>\n
Por padr\u00e3o, o plugin Contact Form 7 fornece uma O plugin Listo torna esta tarefa muito f\u00e1cil. Basta adicionar uma declara\u00e7\u00e3o e pronto.<\/p>\n Instale e ative o plugin Listo<\/a>. Este plugin n\u00e3o possui uma p\u00e1gina de configura\u00e7\u00e3o separada. Basta conect\u00e1-lo e voc\u00ea pode usar seus recursos.<\/p>\n Em seguida, para inserir uma lista de pa\u00edses, voc\u00ea precisa adicionar atributos para Aqui Digamos que voc\u00ea queira manter um pa\u00eds espec\u00edfico selecionado por padr\u00e3o. Nesse caso, voc\u00ea precisa adicionar um c\u00f3digo jQuery ao seu arquivo JS. Primeiro, obtenha o valor da op\u00e7\u00e3o de um pa\u00eds que voc\u00ea precisa definir como padr\u00e3o. Um usu\u00e1rio pode pegar esse valor inspecionando o menu suspenso e copi\u00e1-lo do valor da op\u00e7\u00e3o.<\/p>\n Em seguida, usando a classe ‘wpcf7-select’, pode-se definir o pa\u00eds padr\u00e3o selecionado no formul\u00e1rio de contato. Adicione o c\u00f3digo abaixo em seu arquivo JS.<\/p>\n \u00c9 isso! Agora, se voc\u00ea verificar seu formul\u00e1rio de contato, ver\u00e1 ‘\u00cdndia’ como um pa\u00eds selecionado padr\u00e3o na lista suspensa de pa\u00edses.<\/p>\nselect<\/code>tag de formul\u00e1rio para adicionar as op\u00e7\u00f5es. Mas essa select<\/code>tag \u00e9 adequada quando voc\u00ea tem op\u00e7\u00f5es limitadas. Quando se trata de adicionar uma lista de pa\u00edses, n\u00e3o \u00e9 poss\u00edvel usar essa op\u00e7\u00e3o facilmente por causa de uma lista longa.<\/p>\nAdicionar Lista de Pa\u00edses ao Formul\u00e1rio de Contato 7 Plugin<\/h3>\n
select<\/code>form-tag. V\u00e1 para a tela de edi\u00e7\u00e3o do seu formul\u00e1rio de contato e adicione a select<\/code>tag da seguinte forma.<\/p>\n[select your-country data:countries]<\/code><\/pre>\ndata:countries<\/code>faz a m\u00e1gica. Ele preenche uma lista de pa\u00edses em sua lista suspensa. Agora verifique seu formul\u00e1rio de contato. Deve ter a lista suspensa de pa\u00eds.<\/p>\n<\/p>\nComo definir o pa\u00eds padr\u00e3o<\/h3>\n
![\"Como](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20440-6081f1ed2b509.png\")
<\/a><\/p>\njQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('.wpcf7-select').val(\"India\"); \/\/ here we set India as a default country\n});<\/code><\/pre>\nArtigos relacionados<\/h3>\n
\n