Como Criar um Formulário de Reserva WordPress para Múltiplos Locais

Gerenciar reservas em vários locais pode ser um pesadelo sem as ferramentas certas, especialmente quando os clientes precisam ver onde você está localizado antes de reservar.

Com o WPForms e o Addon de Geolocalização, você pode criar um formulário de reserva WordPress para múltiplos locais que exibe todos os seus locais em um mapa interativo e permite que os visitantes escolham o local de preferência.

Este guia mostra como criar um formulário de reserva que exibe vários escritórios, centros de serviço ou locais de eventos em um único mapa, facilitando para os clientes encontrarem e reservarem no local mais próximo.

Crie Seu Formulário WordPress para Múltiplos Locais Agora! :)

Como Criar um Formulário de Reserva WordPress para Múltiplos Locais

Para criar um formulário de reserva para múltiplos locais no WordPress, você precisará de um plugin que possa realmente fazer o trabalho pesado, e o WPForms é aquele que eu sempre recomendo. Siga os passos abaixo para começar:

Passo 1: Instale o Plugin WPForms Pro

O WPForms é uma ótima ferramenta para criar formulários como formulários de contato e formulários de reserva. Ele tem mais de 2.100+ modelos de formulários WordPress que você pode usar.

O que eu mais gosto no WPForms é como ele combina recursos poderosos de formulários com ferramentas de geolocalização integradas. Você não precisa juntar vários plugins ou escrever código personalizado.

Para criar um formulário de reserva para múltiplos locais no WordPress, você precisará do WPForms Pro, que inclui o Addon de Geolocalização e o Campo de Mapa que você precisará para este tutorial.

Para começar, compre a licença Pro. Em seguida, instale o WPForms em seu site. Se precisar de ajuda, siga estas instruções sobre como adicionar um plugin ao WordPress.

Atualize para o WPForms Pro Agora! :)

Passo 2: Ative o Addon de Geolocalização

Antes de poder adicionar um mapa interativo ao seu formulário de reserva, você precisará instalar o Addon de Geolocalização. É ele que alimenta o campo de Mapa.

Para começar, vá para WPForms » Addons no seu painel do WordPress. Na barra de pesquisa, digite "Geolocation" para encontrar o addon rapidamente.

Assim que ele aparecer, clique em Instalar Addon. A instalação geralmente leva apenas alguns segundos. Depois disso, clique em Ativar para habilitá-lo em seu site.

Agora, aqui está a parte que confunde as pessoas às vezes: o Addon de Geolocalização requer uma chave de API do Google Places ou Mapbox para que o campo de Mapa possa funcionar corretamente.

Eu sei que isso parece técnico, mas o WPForms tem um guia passo a passo que o torna muito mais fácil do que parece. Para instruções completas de configuração, confira a documentação do Addon de Geolocalização.

Ele mostra como habilitar as APIs necessárias para Google Places ou Mapbox, e depois inserir essa chave em WPForms » Configurações » Geolocalização.

Depois de adicionar sua chave de API e salvar as configurações, você estará pronto. O Addon de Geocodificação está pronto para uso e você pode começar a adicionar mapas interativos aos seus formulários.

Passo 3: Crie um Novo Formulário de Reserva

Agora que o addon de Geocodificação está ativo, é hora de construir o formulário de reserva real. Vá para WPForms » Adicionar Novo no seu painel do WordPress para abrir o construtor de formulários.

Você verá algumas opções aqui. Se quiser economizar tempo, pode escolher entre qualquer um dos nossos mais de 2.100 modelos de formulários WordPress, como o Modelo de Formulário de Reserva de Compromisso e clicar em Usar Modelo.

Esses modelos já incluem campos de reserva comuns, então você não está começando do zero. No entanto, se preferir construir do zero, escolha Formulário em Branco.

Outra opção se você não quiser configurar manualmente cada campo, mas tiver requisitos personalizados, é deixar o Construtor de Formulários com IA do WPForms cuidar disso para você.

Simplesmente passe o mouse sobre o botão roxo Gerar com IA e clique em Gerar Formulário. Você será direcionado para a tela do construtor de formulários com IA. É aqui que você descreve que tipo de formulário deseja.

Você pode digitar seu próprio prompt ou escolher entre as sugestões à esquerda. Assim que você gerar, a IA leva alguns segundos para construir seu formulário.

A partir daí, você pode alterar o layout do formulário, adicionar/remover novos campos e fazer outras personalizações. Quando estiver satisfeito com seu formulário, basta clicar no botão Salvar.

Passo 4: Adicione o Campo de Mapa ao Seu Formulário

Agora vem a parte divertida de adicionar o mapa interativo para que os visitantes possam ver todos os seus locais de uma vez e escolher o mais adequado para eles.

No construtor de formulários, role para baixo até a seção Campos Elegantes no lado esquerdo. Você verá o campo Mapa listado lá. Arraste-o para a visualização do seu formulário à direita.

Eu geralmente coloco o mapa perto do topo do formulário para que as pessoas possam ver suas opções imediatamente, mas você pode posicioná-lo em qualquer lugar que funcione para o seu fluxo.

Uma vez que o campo Mapa esteja no lugar, clique nele para abrir o painel Opções de Campo à esquerda. Role para baixo até ver a seção Locais. É aqui que você adicionará todos os seus escritórios, centros de serviço ou locais de agendamento.

No campo Endereço, comece a digitar o endereço do seu primeiro local. Conforme você digita, sugestões de preenchimento automático aparecerão. Clique na correta para selecioná-la. Isso garante que o local seja marcado com precisão no mapa.

Em seguida, dê a este local um Nome personalizado. Algo como "Escritório Central" ou "Principal Centro de Atendimento" funciona bem. Este nome aparecerá quando os visitantes clicarem no marcador do mapa, portanto, torne-o claro e reconhecível.

Você também pode adicionar uma Descrição se quiser incluir detalhes extras como horários de funcionamento, informações de contato ou notas especiais. Achei isso útil quando os locais têm serviços ou horários diferentes.

Para adicionar mais locais, clique no ícone de adição (+) logo abaixo do seu primeiro local. Um novo conjunto de campos aparecerá. Repita o mesmo processo: digite o endereço, selecione-o na autocompletar, adicione um nome e preencha a descrição, se necessário.

Continue adicionando locais até ter incluído todos os escritórios ou centros de serviço que você deseja no mapa. Não há um limite rígido aqui, então, se você tiver cinco locais ou quinze, pode adicioná-los todos.

Assim que terminar, seu mapa exibirá automaticamente todos os locais com marcadores individuais. Os visitantes poderão clicar em cada um para ver o nome e a descrição que você adicionou.

Personalize os Marcadores de Mapa para Cada Local

Agora que você adicionou seus locais, pode fazer com que cada um se destaque personalizando os marcadores do mapa. É aqui que você pode adicionar personalidade ao seu mapa e ajudar os visitantes a distinguir seus locais rapidamente.

Na seção Locais, em Opções de Campo, você notará um menu suspenso Ícone ao lado de cada local que você adicionou. Clique no menu suspenso e você verá duas opções: Ícone ou Imagem.

Se você escolher Ícone, poderá escolher entre centenas de ícones do Font Awesome. Eu geralmente uso marcadores simples como pinos de mapa ou ícones de edifícios, mas você tem opções como xícaras de café, hospitais ou pastas se estiver procurando algo mais específico.

Logo ao lado do campo de ícone, você verá um seletor de cores. Clique nele para alterar a cor do marcador. Acho isso especialmente útil quando você tem diferentes tipos de locais. Por exemplo, você pode usar azul para escritórios, verde para lojas e vermelho para locais de eventos.

Se preferir usar seu próprio gráfico, selecione Imagem e carregue um marcador personalizado. Isso funciona muito bem se você quiser combinar com sua marca ou usar algo que realmente represente seu negócio.

Você também pode ajustar o tamanho do marcador usando o menu suspenso Tamanho. Eu geralmente defino os meus como Médio ou Grande para que sejam fáceis de localizar no mapa, especialmente se você estiver mostrando muitos locais ao mesmo tempo.

Depois de personalizar todos os seus marcadores, seu mapa ficará polido e fácil de navegar. Os visitantes poderão ver exatamente onde fica cada local e que tipo de serviço ou instalação ele representa.

Habilite a Seleção de Local para Agendamentos

Agora que você configurou seu mapa com vários locais, é hora de torná-los selecionáveis para que os visitantes possam realmente escolher onde desejam agendar.

No painel de opções de campo do Mapa, procure o seletor Mostrar Lista de Locais e ative-o. Isso exibe todos os seus endereços de locais em uma lista organizada logo abaixo do próprio mapa.

Você notará imediatamente que algo útil aparece abaixo disso: a opção Permitir Seleção de Local. (Isso só aparece depois que você adicionou dois ou mais locais ao seu mapa.) Vá em frente e ative isso também.

Depois de fazer essas alterações, veja o que acontece no front-end. Botões de rádio agora aparecem ao lado de cada local na lista abaixo do seu mapa.

Os visitantes podem clicar em qualquer local para selecioná-lo como seu ponto de reserva preferido. O mapa é atualizado para destacar a escolha deles, tornando cristalino para onde eles estarão indo.

Agora, quando alguém envia o formulário, o local selecionado é capturado junto com todos os outros detalhes da reserva. Você verá exatamente qual escritório, centro de serviços ou local eles escolheram.

Configurar Configurações de Exibição do Mapa

Agora vamos refinar a aparência e o comportamento do seu mapa. Esta etapa permite controlar quais controles do mapa aparecem e como os visitantes podem interagir com ele.

Para começar, clique na guia Avançado nas opções do campo Mapa. É aqui que você pode realmente ajustar a experiência. Em Configurações de Apresentação, você verá opções para diferentes controles do mapa.

Se você quiser uma interface mais limpa, pode ocultar elementos como controles de Tela Cheia, Tipo de Mapa ou Street View. Em seguida, role para baixo até Configurações Interativas. É aqui que você decide quanta controle os visitantes têm sobre o próprio mapa.

Se você quiser manter as coisas simples e evitar rolagem ou arrasto acidentais, pode desativar Arrastável ou Rolagem para Zoom. Achei isso útil para formulários onde você não quer que as pessoas se distraiam com o movimento do mapa.

Antes de prosseguir, certifique-se de ativar Mostrar Miniatura na Entrada. Isso adiciona uma pequena prévia do mapa às suas entradas de formulário no painel do WordPress, o que torna super fácil ver qual local alguém selecionou sem ter que abrir a entrada completa.

Passo 5: Configure Notificações e Confirmações

Assim que seu formulário de reserva com vários locais estiver pronto, reserve alguns minutos para configurar notificações e confirmações antes de publicá-lo. Comece indo para Configurações » Notificações no construtor de formulários.

Por padrão, o WPForms envia uma notificação para o seu e-mail de administrador do WordPress sempre que alguém envia o formulário. Você pode editar as configurações de notificação padrão, como a linha de assunto, ou alterar os e-mails dos destinatários conforme necessário a partir daqui.

Se você usar Smart Tags, também pode notificar o endereço de e-mail do usuário quando ele envia um formulário, informando que o recebemos e entraremos em contato em breve.

Isso é especialmente verdade para formulários com vários locais no WordPress. Para obter ajuda com esta etapa, consulte nossa documentação sobre como configurar notificações de formulário no WordPress.

Concluído, basta navegar até Confirmações no menu Configurações para configurar respostas para envios de formulário bem-sucedidos. Você tem três opções aqui:

• Mensagem: Mostra uma simples mensagem de agradecimento na mesma página. Eu uso isso quando quero manter as coisas rápidas e diretas.
• Mostrar Página: Redireciona os visitantes para uma página específica do seu site, como uma página de confirmação detalhada com os próximos passos ou informações de contato.
• Ir para URL (Redirecionamento): Envia para uma URL externa, útil se você estiver usando um sistema de reservas de terceiros ou uma página de destino personalizada.

Escolha o que melhor se adapta ao seu fluxo de trabalho. Se você optar pela opção de mensagem, poderá editar o texto padrão para algo mais específico, como: “Obrigado por reservar conosco! Enviaremos um e-mail de confirmação para o endereço fornecido em breve.”

Para obter ajuda com outros tipos de confirmação, consulte nossa documentação sobre configuração de confirmações de formulário.

Passo 6: Publique Seu Formulário de Reserva para Múltiplos Locais

Depois que seu formulário de reserva para vários locais estiver pronto, é hora de colocá-lo em seu site, onde os visitantes podem realmente usá-lo. O WPForms permite adicionar seus formulários em vários lugares em seu site, incluindo suas páginas, postagens de blog e widgets de barra lateral.

Clique no botão Incorporar na parte superior do construtor de formulários. Um pop-up aparecerá com duas opções: você pode criar uma nova página ou adicionar o formulário a uma página existente.

Se você estiver criando uma página de reserva dedicada, clique em Criar Nova Página. Dê um título à sua página como “Reservar um Horário” ou “Agendar uma Visita” e, em seguida, clique em Vamos Lá!

O WPForms abrirá o editor de blocos do WordPress com seu formulário já incorporado. A partir daqui, você pode adicionar texto introdutório acima do formulário, ajustar o layout da página ou estilizar um pouco seu formulário.

Simplesmente clique na área ao redor do formulário incorporado no editor de página para abrir um novo painel à direita. Aqui, você encontrará todas as opções de estilo básicas e avançadas para o WPForms.

Para agilizar a estilização do seu formulário, você pode selecionar um tema pronto na seção Tema do Formulário. Neste exemplo, estou usando o tema Tranquil (que é um dos meus favoritos).

Sinta-se à vontade para experimentar outros temas; você tem muitas opções. Se você gosta de experimentar diretamente, também pode personalizar manualmente diferentes elementos do formulário com mais precisão.

Se o mapa parecer bom e os campos do formulário estiverem funcionando como esperado, prossiga e Publique a página. Seu formulário de reserva para vários locais agora está ativo e pronto para começar a coletar agendamentos.

Perguntas frequentes sobre como criar um formulário de reserva para vários locais no WordPress

Se você estiver configurando um formulário de reserva para vários locais no WordPress, provavelmente terá algumas perguntas. Respondi às mais comuns abaixo para ajudá-lo a fazer tudo funcionar sem problemas.

O que é um formulário de reserva para vários locais no WordPress?

Um formulário de reserva para vários locais permite que os visitantes escolham entre vários locais físicos ao agendar um horário ou fazer uma reserva. Em vez de criar formulários separados para cada escritório ou local, você pode usar um formulário com um mapa interativo que exibe todos os seus locais de uma vez.

Isso é especialmente útil se você administra um negócio com vários centros de serviço, espaços para eventos ou locais de agendamento. Os visitantes podem ver onde cada local está, escolher o mais conveniente e reservar no local.

Como o campo Mapa ajuda com formulários de reserva?

O campo Mapa do WPForms exibe todas as suas localizações em um mapa interativo dentro do seu formulário. Os visitantes podem ampliar, mover e clicar nos marcadores para ver detalhes sobre cada local.

Depois que eles selecionam um local, essa escolha é capturada na submissão do formulário. Você pode usá-la para direcionar reservas para a equipe certa, enviar e-mails de confirmação específicos do local ou apenas manter seus registros organizados.

Posso personalizar os marcadores do mapa para cada local?

Sim, você pode. Ao adicionar locais ao seu campo Mapa, cada um recebe seu próprio marcador no mapa.

Você pode personalizar o título, endereço e descrição de cada marcador. Isso ajuda os visitantes a entender o que torna cada local diferente (como disponibilidade de estacionamento, horários ou serviços oferecidos).

Posso enviar notificações diferentes com base no local selecionado?

Com certeza. Você pode configurar a lógica condicional nas configurações de notificação do seu formulário para enviar e-mails diferentes dependendo de qual local o visitante seleciona.

Por exemplo, se alguém reservar em nosso escritório do centro, a notificação vai para a equipe do centro. Se eles escolherem o local da zona norte, ela é direcionada para essa equipe em vez disso.

Os clientes podem selecionar vários locais em uma única reserva?

Não com um único campo Mapa. O campo Mapa foi projetado para que os visitantes escolham um local por submissão. Se o seu modelo de negócios exigir a reserva de vários locais ao mesmo tempo, você precisará usar campos separados de Dropdown ou Radio Button para cada seleção.

O campo Mapa funciona em dispositivos móveis?

Sim, funciona muito bem em dispositivos móveis. O mapa é totalmente responsivo, então os visitantes podem tocar, ampliar e interagir com ele assim como fariam no desktop.

Eu testei isso em telefones e tablets, e a experiência continua fluida. Seus visitantes não terão problemas para escolher um local, não importa qual dispositivo estejam usando.

Posso usar o campo Mapa com formulários de pagamento?

Sim, você pode. O campo Mapa funciona em conjunto com campos de pagamento como Stripe ou PayPal Commerce.

Se você cobra valores diferentes com base no local, pode usar a lógica condicional para ajustar o total.

Por exemplo, consultas em um local podem custar mais devido a instalações premium ou tempos de serviço mais longos.

A seguir, Recursos Ocultos do WPForms Que Você Não Sabia

O WPForms é repleto de ferramentas e opções que não são imediatamente óbvias, mas podem melhorar significativamente seu fluxo de trabalho e os formulários que você cria.

Confira nosso guia para aprender sobre algumas dessas joias escondidas e recursos que podem ter passado despercebidos, mas têm o potencial de levar seus formulários do WordPress para o próximo nível.

Crie seu formulário WordPress agora

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

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