Como incorporar um mapa do Google em formulários de contato

Se você estiver executando um site de sucesso, é provável que esteja procurando maneiras de melhorar a experiência do usuário e atrair mais visitantes. Nós da WP Full Care entendemos perfeitamente como essas coisas são essenciais para o seu negócio e é por isso que mostraremos como incorporar um mapa do Google em seus formulários de contato. Pode não parecer muito, mas detalhes como este podem fazer maravilhas para atrair mais visitantes ao seu site. Agora vamos trabalhar!

Motivos pelos quais você deve incorporar um mapa do Google em seus formulários de contato

Há uma boa probabilidade de que, ao configurar seu site no WordPress, você tenha incluído um formulário de contato para os visitantes do site usarem para entrar em contato. Você queria tornar mais fácil para seus clientes em potencial fazer perguntas sobre os produtos e serviços que você oferece . Além disso, se sua empresa tiver presença física, você provavelmente incluiu um Google Map dessa área em seu site para atrair clientes a fazer compras em seu estabelecimento.

No entanto, você também pode e deve incorporar um mapa do Google em seus formulários de contato. Aqui estão os dois principais motivos:

• Você pode utilizar a geolocalização para preencher automaticamente o campo de endereço em seu formulário de contato e pode até exibir a posição do usuário em um mapa usando esse recurso. No entanto, muitos proprietários de sites de empresas desconhecem esse recurso. Isso melhora a experiência geral do usuário e ajuda a reduzir o número de pessoas que deixam seus envios de formulário .
• Se você souber onde seus usuários estão localizados, poderá usar a segmentação por geolocalização para fornecer conteúdo mais personalizado a eles. Isso pode realmente ajudá-lo a aumentar as taxas de conversão.

Adicionar um mapa do Google aos seus formulários de contato é bastante fácil e, mais adiante neste artigo, informaremos como fazê-lo. Claro, você sempre pode escolher a maneira mais fácil e fazer isso como parte do suporte personalizado do seu site.

Uma maneira simples de incorporar um mapa do Google em seus formulários de contato

A maneira mais fácil de incorporar um Google Map em seus formulários de contato é usar o plug-in de formulários WP, que é amplamente considerado o principal plug-in de formulário de contato do WordPress. Usando uma interface intuitiva de arrastar e soltar, o construtor de formulários possibilita a criação rápida e fácil de qualquer tipo de formulário .

Existe uma versão gratuita do WPForms que pode ser baixada e vem equipada com todas as funcionalidades necessárias para fazer um simples formulário de contato. No entanto, como o WPForms Pro já vem com a extensão do Google Maps, usaremos isso para esta lição.

Instalar e ativar o plugin WPForms é a primeira coisa na sua lista de coisas a serem realizadas. Em seguida, localize o Addon de geolocalização indo para a opção de menu WPForms » Addons . Você tem a opção de usar a barra de pesquisa que aparece na parte superior da tela. Depois de localizá-lo, você deve clicar na opção “ Instalar complemento ” para iniciar o processo de instalação do complemento.

Em seguida, você será encarregado de configurar os parâmetros do complemento. Para fazer isso, vá para WPForms » Configurações e selecione a guia Geolocalização no menu suspenso. Você será solicitado a escolher um provedor de geolocalização na página a seguir. À luz do foco deste artigo, decidimos utilizar a API do Google Places .

A próxima etapa é localizar as configurações da API do Google Places rolando a página para baixo. Lá, você precisará fornecer sua chave de API do Google . Você pode receber sua chave do Google e copiá-la e colá-la no campo. Agora vamos descobrir como melhorar seus formulários de contato com o Google Maps.

Como criar formulários de contato com o Google Maps embutido no WordPress?

Depois de configurar o WPForms e os locais do Google, é hora de criar um formulário de contato e incorporar um mapa do Google nele. Depois de criar um formulário básico, você precisará incluir um campo para o endereço. Você tem a opção de usar um campo de texto de linha única ou um bloco de endereço . Usaremos um campo de texto de linha única para este tutorial .

Na etapa seguinte, vamos definir as configurações do campo. Para fazer isso, você precisará clicar no campo para ver os parâmetros para o formato Texto de linha única. Para começar, você precisa alterar o rótulo do campo para que ele leia “ Endereço ”. Seus usuários não terão problemas para entender o que deve entrar em campo se você fizer isso.

Depois disso, você precisará ajustar as configurações do campo para que ele mostre um mapa e, para isso, precisará selecionar a guia Avançado. Quando você chegar lá, vá até a parte inferior das configurações e procure uma opção chamada “Ativar preenchimento automático de endereço” . Alterne essa opção para que ela seja definida como “On”. Depois disso, você verá uma nova opção que diz “Exibir mapa” , que é outro recurso que você deve ativar. Você tem a opção de exibir o mapa acima ou abaixo do campo .

Como adicionar um formulário de contato ao seu site?

Clicar no botão “Incorporar” é a maneira mais rápida e fácil de incorporar o formulário de contato em seu site. Você pode localizá-lo na parte superior da tela do editor de formulários, diretamente ao lado do botão “Salvar” . Você terá a opção de adicionar o formulário a uma página já existente ou criar uma nova .

Basta selecionar “Criar nova página”, dar um nome à página e clicar no botão que diz “Vamos lá!” - É simples assim! Dessa forma, você criará uma nova página com um nome de sua escolha ao qual seu formulário de contato será anexado instantaneamente. Não se esqueça de clicar em “Publicar” e pronto!

A linha de fundo

Como você pode ver, é muito simples incorporar um Google Map em formulários de contato. O plugin WP Forms é muito direto e simplifica qualquer tarefa relacionada a formulários, mesmo para iniciantes. Claro, você não precisa fazer nada disso por conta própria se entrar em contato com especialistas do WordPress. Eles garantirão que seu site funcione sem problemas e que o número de visitantes só aumente!