Marcar no Mapa: O Campo de Mapa Chegou

Há algumas semanas, na véspera da festa de Dia dos Namorados do meu filho, me vi fazendo o que todo pai faz de última hora: correndo para encomendar cupcakes online de uma rede de padarias local. O site era lindo. As fotos sozinhas quase me fizeram dobrar meu pedido. O formulário de pedido? Limpo, simples, exatamente o que você quer quando está tentando finalizar a compra rapidamente.

E então cheguei ao campo de local de retirada.

Um menu suspenso. Três endereços. Apenas nomes de rua e códigos postais.

Eu moro aqui e ainda não tinha ideia de qual era o mais próximo. Então abri o Google Maps em uma nova aba, copiei o primeiro endereço, pesquisei, voltei ao formulário, copiei o segundo endereço… você entendeu. Quando finalmente descobri, perdi metade da minha motivação para finalizar o pedido.

E pensei: este é exatamente o problema que acabamos de resolver.

O que o Addon de Geolocalização já faz (muito bem)

Se você já usou nosso Addon de Geolocalização, já sabe que ele é uma das ferramentas mais poderosas do kit WPForms Pro. Ele traz inteligência de localização real para seus formulários e tem sido um favorito dos fãs por um bom motivo.

A autocompletar de endereço permite que os visitantes comecem a digitar e recebam sugestões em tempo real, alimentadas pelo Google Places ou Mapbox. Eles escolhem uma sugestão e o endereço completo é preenchido automaticamente. 

Ele também detecta onde seus visitantes estão, seja através do navegador ou do endereço IP, e pode preencher dados de localização antes que eles digitem um único caractere. Você vê a cidade, região, país e coordenadas deles na página de detalhes da entrada, e pode puxar esses dados para e-mails de notificação, confirmações ou exportações usando tags inteligentes.

Complemento WPForms Geolocation mostra mapa do Google integrado

Tudo isso foca em uma pergunta: onde está a pessoa preenchendo este formulário? E é incrivelmente útil. Mas agora, com o campo de Mapa, o Addon de Geolocalização não se trata mais apenas da localização dela. Agora se trata também das suas localizações.

Conheça o campo de Mapa

Mal posso esperar para que empresas como a minha padaria local descubram o campo de Mapa, um tipo de campo novíssimo que você pode arrastar para qualquer formulário.

Ele exibe um mapa interativo e incorporado com quaisquer locais de sua escolha marcados nele. Lojas, escritórios, locais de eventos, pontos de retirada. Bem ali, dentro do formulário.

Campo Mapa do WPForms no construtor de formulários

Sem iframes. Sem incorporações separadas. Sem juntar um widget de mapa e um formulário na mesma página. Você adiciona o campo de Mapa, configura seus locais e pronto.

Personalize

Este não é um embed genérico do Google Maps com um pino vermelho padrão.

Cada local que você adiciona recebe um marcador personalizado. Escolha entre mais de 2.000 ícones: uma xícara de café para sua cafeteria, uma sacola de compras para sua loja de varejo, um halter para sua academia (sim, você pode literalmente combinar o pino com o local). Escolha qualquer cor de um seletor de cores completo, ou cole um valor hexadecimal para combinar exatamente com sua marca.

Você pode até fazer upload da sua própria imagem como marcador. Seu logotipo, seu ícone de marca, o que quer que o represente.

Aqui está um detalhe que pode parecer pequeno, mas faz uma grande diferença: você pode definir o tamanho dos seus marcadores. Defina-os como grandes, e seus pinos personalizados se destacam imediatamente sobre os pontos de interesse padrão no mapa. Os olhos dos seus visitantes vão direto para o que importa.

Cada pino pode ter um nome e uma descrição, então, quando alguém clica nele, vê os detalhes de que precisa ali mesmo. É profissional. Parece que pertence ao seu site. Porque pertence.

Deixe os visitantes escolherem um local

Esta é a parte que mais me empolga!

Quando você adiciona dois ou mais locais ao campo Mapa e ativa a lista de locais, pode habilitar a seleção de local. Isso adiciona botões de rádio abaixo do mapa, e de repente o campo Mapa não é apenas visual. É um campo de formulário.

Seu visitante vê os pinos no mapa. Ele clica em um local. O marcador faz aquele pequeno e satisfatório pulo para confirmar sua escolha. Ele envia o formulário, e você recebe o nome, endereço e coordenadas do local selecionado capturados de forma limpa na entrada.

Habilitando a seleção de localização com o campo Mapa do WPForms

Chega de dropdowns cheios de endereços de rua que não significam nada sem contexto. Chega de campos de texto onde alguém digita "o da Rua Principal" e você fica adivinhando.

Onde o campo Mapa faz uma diferença real

Voltando à minha situação da padaria. Se eles tivessem o campo Mapa em seu formulário de pedido, eu nunca teria saído da página. Pinos em um mapa, uma rápida varredura visual, toque no mais próximo, pronto. É isso. Essa é toda a experiência.

Ou digamos que você administra um estúdio de fitness com duas localizações e deseja oferecer uma aula experimental gratuita. Ambos os estúdios estão no mapa. As pessoas escolhem o que está mais perto. A seleção flui para suas entradas, para que você saiba quantas pessoas esperar em cada local.

Talvez você não precise de seleção alguma. Você apenas tem um formulário de contato e quer que os visitantes vejam onde você está. Um pino no mapa. Nenhuma seleção necessária. Apenas um mapa interativo e com sua marca, bem dentro do formulário, dando às pessoas o contexto de que precisam sem sair da página.

Formulário de Contato do WPForms com um mapa incorporado

E no backend, tudo permanece organizado. O nome e o endereço do local selecionado aparecem nos detalhes da entrada com um link "Ver no Mapa". Ele é exportado para o Google Sheets, impresso nas páginas de entrada. Nenhuma limpeza necessária.

Vá e coloque um pino

O campo Mapa faz parte do addon Geolocation, incluído em todos os planos WPForms Pro e superiores. Se você já tem o addon instalado, o campo Mapa está esperando por você no construtor de formulários agora mesmo. Se você é novo no addon Geolocation, confira nosso guia de configuração para começar e nosso guia para usar o campo Mapa para instruções detalhadas.

Ainda não usa o WPForms Pro? Agora é um ótimo momento para mudar isso. Confira nossos planos e tenha acesso ao campo Mapa, ao addon Geolocation completo e a mais de 2.000 templates, addons pro e outros recursos.

Adoraria saber como você coloca o campo Mapa em prática, e a equipe já está focada no que vem a seguir. Mal posso esperar para compartilhar com você.

Até a próxima,

Lauren

P.S. Um enorme obrigado a todos em nosso Círculo VIP. Uma postagem no grupo foi o que deu origem à ideia para o campo Mapa em primeiro lugar. Se você ainda não está lá, venha se juntar a nós. É onde muitas de nossas melhores funcionalidades começam.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso importa e como você pode nos apoiar.

Lauren Drew

Lauren é a Gerente de Produto do WPForms, uma entusiasta do WordPress e uma defensora das pequenas empresas. Saiba Mais

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.