Como criar um formulário de reserva WordPress para vários 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 fazer a reserva.

Com o WPForms e o complemento Geolocation, você pode criar um formulário de reserva para vários locais no WordPress que exibe todos os seus locais em um mapa interativo e permite que os visitantes escolham o local de sua preferência.

Este guia orienta você na criação de um formulário de reserva que mostra vários escritórios, centros de serviços ou locais de eventos em um único mapa, facilitando para os clientes encontrarem e reservarem o local mais próximo.

Crie agora mesmo seu formulário WordPress para vários locais! 🙂

Como criar um formulário de reserva WordPress para vários locais

Para criar um formulário de reserva para vários locais no WordPress, você precisará de um plugin que realmente faça o trabalho pesado, e o WPForms é aquele que eu sempre recomendo. Siga as etapas abaixo para começar:

Etapa 1: Instale o plug-in WPForms Pro

O WPForms é uma excelente ferramenta para criar formulários, como formulários de contato e formulários de reserva. Possui mais de 2.100 modelos de formulários WordPress que você pode usar.

O que mais gosto no WPForms é a forma como combina funcionalidades poderosas de formulários com ferramentas de geolocalização integradas. Não precisa de se preocupar em juntar vários plugins ou escrever código personalizado.

Para criar um formulário de reserva para vários locais no WordPress, você precisará do WPForms Pro, que inclui o complemento Geolocation Addon e o campo Map Field, necessários 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 plug-in ao WordPress.

Faça o upgrade para o WPForms Pro agora! 🙂

Passo 2: Ative o complemento de geolocalização

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

Para começar, acesse WPForms » Complementos no painel do WordPress. Na barra de pesquisa, digite “Geolocalização” para encontrar o complemento rapidamente.

Quando aparecer, clique em Instalar complemento. 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 às vezes confunde as pessoas: o complemento de geolocalização requer uma chave API do Google Places ou Mapbox para que o campo Mapa funcione corretamente.

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.

Ele orienta você na ativação das APIs necessárias para o Google Places ou Mapbox e, em seguida, na inserção dessa chave em WPForms » Configurações » Geolocalização.

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

Etapa 3: Criar um novo formulário de reserva

Agora que o complemento de geolocalização está ativo, é hora de criar o formulário de reserva propriamente dito. Acesse WPForms » Adicionar novo no painel do WordPress para abrir o criador de formulários.

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

Esses modelos já incluem campos comuns de reserva, para que você não precise começar do zero. No entanto, se preferir criar um formulário totalmente novo, escolha a opção Formulário em branco.

Outra opção, caso você não queira configurar manualmente todos os campos, mas tenha requisitos personalizados, é deixar que o WPForms AI Form Builder cuide disso para você.

Basta passar o cursor sobre o botão roxo Gerar com IA e clicar em Gerar formulário. Você será direcionado para a tela do criador de formulários com IA. É aqui que você descreve o tipo de formulário que deseja.

Você pode digitar sua própria solicitação ou escolher entre as sugestões à esquerda. Depois de clicar em “Gerar”, a IA leva alguns segundos para criar 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 o formulário, basta clicar no botão Salvar.

Etapa 4: Adicione o campo 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 só vez e escolher o mais adequado para eles.

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

Normalmente coloco o mapa na parte superior do formulário para que as pessoas possam ver suas opções imediatamente, mas você pode posicioná-lo em qualquer lugar que funcione melhor para o seu fluxo.

Depois de inserir o campo Mapa, 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 atendimento ou locais de atendimento.

No campo Endereço, comece a digitar o endereço do seu primeiro local. À medida que digita, verá sugestões de preenchimento automático a aparecer. Clique na sugestão correta para a selecionar. Isto garante que o local é fixado com precisão no mapa.

Em seguida, atribua um nome personalizado a este local. Algo como “Escritório no centro da cidade” ou “Centro de serviços principal” funciona bem. Este nome aparecerá quando os visitantes clicarem no marcador do mapa, por isso, escolha um nome claro e reconhecível.

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

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

Continue adicionando locais até incluir todos os escritórios ou centros de serviços que deseja no mapa. Não há limite máximo, portanto, se você tiver cinco ou quinze locais, poderá adicioná-los todos.

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

Personalize os marcadores do mapa para cada local

Agora que você adicionou seus locais, pode destacar cada um deles 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ê verá um menu suspenso Ícone ao lado de cada local adicionado. Clique no menu suspenso e você verá duas opções: Ícone ou Imagem.

Se você selecionar Ícone, poderá escolher entre centenas de ícones do Font Awesome. Normalmente, opto por 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.

Ao lado do campo do í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 de varejo 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 sua empresa.

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

Depois de personalizar todos os seus marcadores, seu mapa ficará com uma aparência elegante e fácil de navegar. Os visitantes poderão ver exatamente onde cada localização está e que tipo de serviço ou instalação ela representa.

Ativar seleção de localização para reservas

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 fazer a reserva.

No painel de opções do campo Mapa, procure a opção Mostrar lista de locais e ative-a. Isso exibe todos os endereços dos seus locais em uma lista organizada logo abaixo do mapa.

Você notará imediatamente que algo útil aparece abaixo disso: a opção Permitir seleção de localização. (Isso só aparece depois que você adiciona duas ou mais localizações ao seu mapa.) Vá em frente e ative essa opção também.

Depois de fazer essas alterações, eis o que acontece na interface. Agora, botões de opção aparecem ao lado de cada local na lista abaixo do mapa.

Os visitantes podem clicar em qualquer local para selecioná-lo como seu ponto de reserva preferido. O mapa é atualizado para destacar sua escolha, deixando bem claro para onde eles irão.

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 as definiçõ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 personalizar a experiência. Em Configurações de apresentação, você verá botões para diferentes controles do mapa.

Se desejar uma interface mais limpa, você pode ocultar elementos como os controles de tela cheia, tipo de mapa ou Street View. Em seguida, role para baixo até Configurações interativas. É aqui que você decide o nível de controle que os visitantes terão sobre o mapa.

Se você quiser manter as coisas simples e evitar rolagem ou arrastamento acidental, pode desativar o Draggable ou o Scroll to Zoom. Acho isso útil para formulários em que você não quer que as pessoas se distraiam com movimentos panorâmicos.

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

Etapa 5: Configure notificações e confirmações

Quando seu formulário de reserva para vários locais estiver pronto, reserve alguns minutos para configurar as notificações e confirmações antes de colocá-lo no ar. Comece acessando Configurações » Notificações no criador 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 padrão de notificaçã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 poderá notificar o endereço de e-mail do usuário quando ele enviar um formulário, informando que você o recebeu e entrará em contato em breve.

Isso é especialmente verdadeiro para formulários com várias localizações no WordPress. Para obter ajuda com esta etapa, consulte nossa documentação sobrecomo configurar notificações de formulário no WordPress.

Depois de fazer isso, basta navegar atéConfirmaçõesno menuConfiguraçõespara configurar respostas para envios de formulários bem-sucedidos. Você tem três opções aqui:

• Mensagem: Mostra uma mensagem simples de agradecimento na mesma página. Utilizo 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 as próximas etapas ou informações de contato.
• Ir para URL (redirecionar): envia-os para uma URL externa, útil se você estiver usando um sistema de reservas de terceiros ou uma página de destino personalizada.

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

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

Etapa 6: publique seu formulário de reserva para vários locais

Quando seu formulário de reserva para vários locais estiver pronto, é hora de colocá-lo em seu site, onde os visitantes poderão realmente utilizá-lo. O WPForms permite que você adicione seus formulários a vários locais em seu site, incluindo suas páginas, postagens de blog ewidgets da barra lateral.

Clique no botão Incorporar na parte superior do criador de formulários. Uma janela 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 dedicada a reservas, clique em Criar nova página. Dê à sua página um título como “Marcar uma consulta” ou “Agendar uma visita” e clique em Vamos lá!

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

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

Para agilizar o processo de personalizaçã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 fazer experiências diretamente, também pode personalizar manualmente diferentes elementos do formulário com mais precisão.

Se o mapa estiver correto e os campos do formulário estiverem funcionando conforme o esperado, publique a página. Seu formulário de reserva para vários locais já está ativo e pronto para começar a receber agendamentos.

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

Se você está configurando um formulário de reserva para vários locais no WordPress, provavelmente tem algumas dúvidas. Respondi às mais comuns abaixo para ajudá-lo a fazer tudo funcionar perfeitamente.

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 uma consulta ou fazer uma reserva. Em vez de criar formulários separados para cada escritório ou local, você pode usar um único formulário com um mapa interativo que exibe todos os seus locais de uma só vez.

Isso é especialmente útil se você administra uma empresa com vários centros de atendimento, espaços para eventos ou locais para consultas. Os visitantes podem ver onde cada local está, escolher o mais conveniente e fazer a reserva na hora.

Como o campo Mapa ajuda nos 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 localização.

Depois de selecionarem um local, essa escolha é registrada no formulário enviado. Você pode usá-la para encaminhar as reservas para a equipe certa, enviar e-mails de confirmação específicos para cada local ou simplesmente manter seus registros organizados.

Posso personalizar os marcadores do mapa para cada local?

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

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

Posso enviar notificações diferentes com base na localização selecionada?

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

Por exemplo, se alguém fizer uma reserva no seu escritório no centro da cidade, a notificação será enviada para a sua equipe do centro. Se escolherem o local na zona alta, a notificação será encaminhada para essa equipe.

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

Não com um único campo Mapa. O campo Mapa foi concebido para que os visitantes escolham um local por envio. Se o seu modelo de negócio exigir a reserva de vários locais ao mesmo tempo, terá de utilizar campos separados de menu suspenso ou botões de opção para cada seleção.

O campo Mapa funciona em dispositivos móveis?

Sim, funciona muito bem em dispositivos móveis. O mapa é totalmente responsivo, portanto, os visitantes podem tocar, ampliar e interagir com ele da mesma forma que fariam em um computador.

Testei isso em telefones e tablets, e a experiência continua fluida. Seus visitantes não terão nenhuma dificuldade em escolher um local, independentemente do dispositivo que estiverem 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ê cobrar valores diferentes com base na localização, poderá 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 atendimento mais longos.

A seguir, recursos ocultos do WPForms que você não conhecia

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

Confira nosso guia para conhecer algumas dessas joias e recursos ocultos que podem ter passado despercebidos, mas têm o potencial de levar seus formulários WordPress a um novo patamar.

Crie seu formulário WordPress agora

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

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