Como exibir um mapa com o seu formulário de contacto do WordPress

Quer adicionar um mapa ao seu formulário de contacto do WordPress para que os visitantes possam encontrar facilmente a localização da sua empresa? Adicionar um mapa ao seu formulário ajuda os visitantes a saber exatamente onde você está localizado antes de entrarem em contacto.

É especialmente útil se tiver uma loja física, escritório ou área de atendimento que os clientes precisam visitar. Mas os mapas nos formulários de contacto podem fazer mais do que apenas exibir a sua localização.

Com a configuração correta, também pode ajudar os visitantes a preencher os campos de endereço mais rapidamente com o preenchimento automático ou até mesmo exibir vários locais, caso tenha vários escritórios ou lojas.

Neste tutorial, vou mostrar duas maneiras de adicionar mapas aos seus formulários de contacto no WordPress. Ambos os métodos utilizam o WPForms e o seu complemento Geolocation. Vamos começar!

Crie seu formulário WordPress agora

Porquê adicionar um mapa a um formulário de contacto?

Claro, não é segredo que a maioria dos proprietários de pequenas empresas com sites sabe por que precisa de um formulário de contacto. Mas talvez esteja a perguntar-se por que adicionaria um mapa a esse formulário de contacto.

Se gere um negócio local, adicionar um mapa ao seu formulário de contacto torna imediatamente claro onde está localizado. Esta pode ser uma ótima ideia por várias razões:

• Se os clientes precisarem visitar a sua empresa pessoalmente, um mapa elimina qualquer dúvida. Eles podem ver exatamente onde você está localizado antes de entrar em contacto consigo, o que reduz as perguntas do tipo «onde você está localizado?» na sua caixa de entrada.
• Quando ativa o preenchimento automático de endereços, os visitantes podem digitar algumas letras e selecionar o endereço completo numa lista suspensa. Isso acelera o preenchimento do formulário e reduz erros de digitação que poderiam causar problemas de comunicação.
• Tem mais de um escritório ou loja? Pode incorporar um mapa interativo que mostra todas as suas localizações e permite que os visitantes selecionem qual deles querem contactar ou visitar. Isso encaminha as consultas para a equipa certa automaticamente.
• Um mapa na sua página de contactos sinaliza que é uma empresa real com presença física. Isto é especialmente importante para serviços locais, lojas de retalho ou escritórios profissionais.

A melhor parte? Em vez de ter de codificar um mapa no seu site ou pagar a um programador web, pode fazê-lo facilmente com o WPForms Pro. É um dos melhores plugins de mapas para WordPress!

Como adicionar um mapa ao seu formulário de contacto do WordPress

Com o WPForms Pro e o complemento Geolocation, pode adicionar funcionalidades de mapa aos seus formulários de contacto num instante. Siga estas instruções fáceis e passo a passo para começar:

Passo 1: Descarregar o plugin WPForms

O WPForms é um poderoso criador de formulários que facilita a criação de formulários de contacto, formulários de registo e muito mais. Possui mais de 2.100 modelos de formulários WordPress que pode utilizar.

O que mais gosto no WPForms é a forma como combina a criação de formulários com ferramentas de geolocalização integradas. Não precisa de juntar vários plugins ou escrever código personalizado para adicionar mapas aos seus formulários.

Para adicionar mapas aos seus formulários de contacto, precisará do WPForms Pro, que inclui o complemento Geolocalização e todos os recursos de mapa que abordaremos neste tutorial.

Para começar, adquira uma licença WPForms Pro. Em seguida, instale e ative o WPForms no seu site. Se precisar de ajuda com a instalação, siga este guia passo a passo sobre como instalar um plugin do WordPress.

Atualize para o WPForms Pro agora! 🙂

Passo 2: Instalar e ativar o complemento de geolocalização

Agora que o WPForms Pro está instalado, precisa ativar o complemento Geolocalização. É ele que alimenta todos os recursos de mapa nos seus formulários de contacto.

No seu painel do WordPress, aceda a WPForms » Addons. Use a barra de pesquisa para localizar o addon Geolocation e clique em Instalar Addon. Após a instalação (geralmente leva apenas alguns segundos), clique em Ativar.

Com o complemento ativado, agora tem acesso a três maneiras de usar mapas nos seus formulários:

• Exiba as localizações da sua empresa: mostre aos visitantes exatamente onde a sua empresa está localizada com um mapa incorporado no seu formulário. Isso funciona muito bem para empresas locais, escritórios ou lojas onde os clientes visitam pessoalmente.
• Ativar preenchimento automático de endereço: os visitantes podem preencher os campos de endereço mais rapidamente com sugestões de preenchimento automático. À medida que digitam, o endereço completo aparece numa lista suspensa, reduzindo erros e acelerando o preenchimento do formulário.

Sei que parece técnico, mas o WPForms tem um guia passo a passo que torna tudo muito mais fácil do que parece. Para obter instruções completas de configuração, consulte a documentação do complemento Geolocation.

Depois de adicionar a sua chave API e guardar as definições, está tudo pronto. O complemento Geolocalização está agora pronto a utilizar e pode começar a adicionar mapas interativos aos seus formulários.

Passo 3: Crie o seu formulário de contacto

Com o complemento de geolocalização configurado, está pronto para criar o seu formulário de contacto. Isso leva cerca de 5 minutos. Vá para WPForms » Adicionar novo no seu painel do WordPress para abrir o criador de formulários.

Dê um nome ao seu formulário no campo Nomeie o seu formulário. Algo como «Entre em contacto» funciona bem. Verá algumas opções aqui. Se quiser poupar tempo, pode escolher qualquer um dos nossos mais de 2100 modelos de formulários WordPress.

Recomendo escolher o modelo de formulário de contacto simples. Assim, terá um formulário de contacto pronto a usar, com os campos essenciais já adicionados.

O modelo inclui um campo Nome, um campo E-mail e um campo Comentário ou Mensagem. Pode personalizar esses campos, adicionar novos ou remover aqueles que não precisa. O criador de formulários usa o recurso arrastar e soltar, portanto, reorganizar os campos é simples.

Agora, provavelmente há mais algumas coisas que você pode querer configurar no formulário, como notificações e confirmações. Se for o caso (e eu recomendo muito isso), confira o nosso guia detalhado sobre como criar o seu primeiro formulário.

Experimente o WPForms AI Builder! 🙂

Passo 4: Adicione um mapa ao seu formulário de contacto

Agora vem a parte importante de adicionar um mapa ao seu formulário de contacto. O WPForms oferece duas maneiras de fazer isso, dependendo do que pretende realizar:

• Opção 1: Exibir a localização da sua empresa (campo Mapa)
• Opção 2: Adicionar preenchimento automático de endereço para visitantes (campo de texto de linha única ou campo de endereço)

Vamos analisar ambas as opções para que possa escolher a que melhor se adapta às suas necessidades.

Opção 1: Mostrar a sua localização com o campo Mapa

Use esta opção se quiser mostrar aos visitantes onde a sua empresa está localizada. Isso incorpora um mapa interativo diretamente no seu formulário de contacto.

No criador de formulários, desça o painel esquerdo até Fancy Fields e verá o campo Mapa listado lá. Arraste-o para a pré-visualização do formulário à direita.

Onde colocá-lo depende da sua preferência. Algumas pessoas gostam de colocá-lo na parte superior para que seja imediatamente visível. Outras preferem colocá-lo mais abaixo. Escolha o que parecer mais natural para o layout do seu formulário.

Depois de adicionar o campo Mapa, selecione-o para exibir as opções de configuração à esquerda. Encontre a secção Locais, pois é aqui que irá inserir os endereços da sua empresa.

Clique na caixa Endereço e comece a introduzir a sua localização. Notará que sugestões de preenchimento automático aparecem à medida que digita. Escolha a correspondência correta para fixar as coordenadas precisas no mapa.

Agora, adicione um nome para este local. Use algo descritivo, como «Filial Oeste» ou «Sede Corporativa». Os visitantes verão este rótulo quando interagirem com o marcador, por isso a clareza é importante.

Há também um campo Descrição, caso queira adicionar informações complementares, como horário de funcionamento, detalhes de contacto específicos ou notas específicas sobre a localização.

Opção 2: Adicionar preenchimento automático de endereço para visitantes

Use esta opção se precisar que os visitantes preencham um campo de endereço no seu formulário de contacto (como para pedidos de orçamento, reservas de serviços ou consultas de envio). O mapa ajuda-os a inserir o endereço com precisão.

No criador de formulários, adicione um campo de texto de linha única ou um campo de endereço ao seu formulário. Pode clicar no nome do campo ou arrastá-lo para o seu formulário.

Clique no campo que acabou de adicionar para abrir as suas definições. Altere o rótulo para «O seu endereço» ou algo semelhante. Em seguida, clique no separador Avançado nas definições do campo.

Role para baixo e ative a opção Ativar preenchimento automático de endereço. Isso permite que os visitantes comecem a digitar o endereço e o selecionem em um menu suspenso.

Em seguida, ative a opção Exibir mapa. Pode escolher se o mapa aparece acima ou abaixo do campo de entrada usando o menu suspenso.

Agora, quando os visitantes preencherem este campo, verão um mapa que é atualizado à medida que digitam. Também podem arrastar o marcador do mapa para ajustar a sua localização exata.

Esta opção funciona muito bem para empresas de serviços, formulários de entrega ou qualquer situação em que precise do endereço do visitante. Depois de adicionar o seu mapa usando qualquer uma das opções, clique em Guardar no canto superior direito.

Passo 5: Publique o seu mapa do formulário de contacto

Pronto para publicar o seu formulário de contacto com um mapa? Com o plugin WPForms Pro, é muito fácil incorporar o seu formulário no seu site. Com o formulário ainda aberto no construtor, clique no botão Incorporar no canto superior direito.

Aqui, pode selecionar qualquer página do WordPress que desejar, seja uma página existente ou uma nova página. Neste tutorial, vou clicar em Criar nova página.

Dê um título à sua página. Algo como «Contacte-nos» ou «Entre em contacto», o que desejar e se adequar às suas necessidades, e clique no botão «Vamos lá! ».

O WPForms insere automaticamente o seu formulário na página. Verá o seu formulário de contacto com o mapa já colocado. A partir daqui, pode adicionar um texto introdutório acima do formulário, ajustar o layout da página ou estilizar um pouco o seu formulário.

Para ajustar a aparência do seu formulário de contacto, clique em qualquer lugar ao redor do formulário no editor de páginas. Isso abre o painel de estilo no lado direito, onde pode personalizar a aparência do formulário.

Para uma personalização rápida, escolha um design pré-criado no menu suspenso Tema do formulário. Opções como Moderno, Clássico ou Minimalista conferem ao seu formulário uma aparência profissional instantânea que combina com o design do seu site.

Se quiser mais controlo, o painel também permite personalizar elementos individuais, como cores, fontes, espaçamento e estilos de botões.

Quando tudo estiver correto e o mapa exibir a sua localização corretamente, clique em Publicar. O seu formulário de contacto com mapa está agora ativo. Aqui está uma ideia de como ficará:

Perguntas frequentes sobre como adicionar um formulário de contacto com mapa no WordPress

Tem dúvidas sobre como adicionar mapas aos seus formulários de contacto do WordPress? Aqui estão as respostas às perguntas mais comuns que recebemos:

Preciso de uma chave API do Google Maps para usar mapas no WPForms?

Sim, precisa de uma chave API do Google Maps ou uma chave API do Mapbox para utilizar as funcionalidades de mapa no WPForms. O complemento Geolocalização requer uma destas chaves para se ligar ao serviço de mapeamento.

Não se preocupe! O WPForms fornece instruções passo a passo para obter a sua chave API na documentação do complemento Geolocalização. A configuração geralmente leva cerca de 10 minutos.

Qual é a diferença entre o campo Mapa e o preenchimento automático de endereços com um mapa?

• O campo Mapa exibe a(s) localização(ões) da sua empresa aos visitantes. Mostra-lhes onde se encontra. Utilize-o quando quiser que as pessoas vejam o seu escritório, loja ou área de serviço no seu formulário de contacto.
• O preenchimento automático do endereço com um mapa ajuda os visitantes a preencherem o seu próprio endereço mais rapidamente. À medida que digitam, o sistema sugere o endereço e mostra-o num mapa. Utilize esta funcionalidade quando precisar de recolher a localização do visitante.

Posso mostrar vários locais comerciais num único mapa?

Sim. O campo Mapa permite adicionar quantos locais forem necessários, como vários escritórios, lojas, filiais ou centros de serviços.

Cada local tem o seu próprio marcador no mapa, e pode personalizar os ícones e as cores dos marcadores. Os visitantes podem clicar em cada marcador para ver o nome e os detalhes do local.

Para obter instruções passo a passo, consulte a documentação do campo Mapa.

O mapa funcionará em dispositivos móveis?

Com certeza. Os mapas criados com o WPForms são totalmente responsivos e funcionam perfeitamente em smartphones e tablets.

Os visitantes podem ampliar, deslocar e interagir com o mapa tal como fariam num computador. A funcionalidade de preenchimento automático de endereços também funciona perfeitamente em dispositivos móveis.

Adicionar um mapa torna o meu formulário de contacto mais lento?

Não. O WPForms carrega os mapas de forma eficiente, para que não tornem a sua página mais lenta. O mapa só é carregado quando necessário e não afeta o desempenho do seu formulário.

O WPForms é otimizado para manter o seu site rápido, mesmo com funcionalidades interativas, como mapas.

Posso personalizar a aparência do mapa no meu formulário?

Sim. Com o campo Mapa, pode personalizar ícones e cores de marcadores para combinar com a sua marca.

Você também pode controlar quais controles do mapa aparecem (zoom, tela cheia, tipo de mapa, etc.) e ajustar o nível inicial de zoom.

Para mapas com preenchimento automático de endereços, pode escolher se o mapa aparece acima ou abaixo do campo de entrada.

Poderei ver de onde vêm os envios de formulários num mapa?

Sim. Quando o complemento Geolocalização está ativo, o WPForms captura automaticamente os dados de localização (com a permissão do visitante) para cada envio de formulário.

Pode visualizar esses dados num mapa no seu painel do WordPress ao consultar entradas individuais do formulário. Isso ajuda a compreender de onde vêm os seus leads e clientes geograficamente.

A seguir, confira outros recursos do WPForms Pro

Adquira hoje mesmo o WPForms Pro para aceder ao complemento Geolocation, que permite adicionar estes mapas incríveis.

Terá acesso a uma série de outras funcionalidades úteis também.

• Um construtor fácil de utilizar - Crie os seus próprios formulários em minutos sem escrever uma única linha de código.
• Inquéritos - Recolha dados através de inquéritos e sondagens e veja-os em belos relatórios. Também é possível adicionar uma funcionalidade Guardar e continuar a inquéritos longos para que os utilizadores possam fazer uma pausa e concluir os formulários mais tarde.
• Páginas de formulários - Faça com que mais pessoas terminem os seus formulários, criando páginas de formulários sem distracções com um único clique.
• Formulários de encomenda - Integre o Stripe (todos os planos), o Square (Pro) e o PayPal (Pro) diretamente nos seus formulários e aceite dinheiro online.
• Relatórios do percurso do utilizador - Veja em que ponto do seu sítio se encontravam as pessoas antes de preencherem o formulário.
• Formulários seguros - Proteja os formulários com opções anti-spam, como captcha personalizado, hCaptcha ou Google reCAPTCHA v2 ou v3.
• Formulários de conversação - Veja as taxas de conversão dispararem com formulários altamente envolventes e de aspeto moderno.
• Mais de 2.100 modelos – Nunca mais crie um formulário do zero com modelos pré-construídos dos tipos de formulários mais populares que existem.
• Suporte Premium - Aceda a uma equipa simpática e experiente que o ajudará a orientá-lo na direção certa se precisar de ajuda com os formulários do seu sítio Web.
• ...e muito mais.

Na verdade, se olhar para o WPForms Lite vs Pro, verá que há uma tonelada de razões pelas quais o Pro é tão popular.

Crie seu formulário WordPress agora

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.