Como criar um formulário de pedido no WordPress

Como Criar um Formulário de Pedido no WordPress (Passo a Passo)

Gerenciar um pequeno negócio significa que você provavelmente usa muitos chapéus, incluindo vendas, suporte, processamento de pedidos e tudo mais.

E quando você estiver pronto para coletar pedidos online, ter um formulário de pedido funcional pode economizar seu tempo e facilitar as coisas para seus clientes.

Portanto, neste guia, vou guiá-lo pelas etapas para criar um formulário de pedido no WordPress usando o WPForms. Você aprenderá como configurar seu formulário, conectar um gateway de pagamento (Stripe, PayPal Commerce ou Square), personalizar notificações e publicá-lo em seu site.

Crie um Formulário de Pedido no WordPress Agora! 🙂

Como Criar um Formulário de Pedido Online no WordPress

Primeiramente, você precisará de um plugin construtor de formulários que permita criar facilmente um formulário de pedido. Criamos um vídeo que mostra como criar um formulário de pedido no WordPress usando o WPForms.

Se você preferir ler as instruções sobre como criar um formulário de pedido online, detalharemos o processo nas etapas abaixo. Vamos começar.

Etapa 1: Instalar e Ativar o WPForms Pro

O WPForms é perfeito para criar formulários de pedido, formulários de contato e muitos outros formulários comumente usados. A melhor parte é que você não precisa de uma licença paga do WPForms para aceitar pagamentos para seus formulários de pedido.

Todos os planos do WPForms (incluindo o Lite) suportam integração com Stripe e PayPal (com 3% de taxas transacionais extras) para aceitar pagamentos com cartão de crédito em seus formulários.

E se você quiser remover as taxas extras, pode fazer o upgrade para o WPForms Pro e desbloquear uma riqueza de recursos avançados ao mesmo tempo. O Pro também abre Square e Authorize.Net como gateways de pagamento adicionais.

A página de preços do WPForms.

Usarei o WPForms Pro para este tutorial (embora você ainda possa seguir as mesmas etapas para o WPForms Lite!) Assim que comprar seu plano, prossiga e instale o WPForms em seu site WordPress.

Atualize para o WPForms Pro Agora! :)

Etapa 2: Conectar o WPForms com o Stripe

Agora você pode começar imediatamente a criar um formulário de pedido e conectá-lo a um gateway de pagamento. Enquanto estiver no seu painel do WordPress, vá para WPForms » Configurações.

Abrindo as configurações do WPForms

Em seguida, clique na guia Pagamentos na barra de navegação.

Aba de pagamentos do WPForms

Se você rolar para baixo, deverá ver um botão Conectar com Stripe aqui. Pressione o botão para iniciar sua conexão.

Conectar com a Stripe

Quando terminar, você será redirecionado para a tela de login do Stripe. Insira seus detalhes de login e pronto.

Conta Stripe do WPForms

Volte para a tela de Pagamentos após o login. Aqui, você pode verificar o status da conexão para confirmar se a integração com sua conta Stripe foi bem-sucedida.

Status da conexão com a Stripe

Brilhante. Agora você pode começar a criar um formulário de pedido usando o construtor de formulários de arrastar e soltar.

Outros Gateways de Pagamento

Estou usando o Stripe neste tutorial, mas o WPForms suporta vários gateways de pagamento.

As etapas de criação de formulários (Etapas 3-6) são idênticas, independentemente do gateway que você escolher.

Para configurar um gateway diferente, consulte nossos guias de configuração para PayPal Commerce, Square ou Authorize.Net.

GatewayIdeal paraNível Mín.
StripeCartões de crédito/débito, assinaturasLite (taxa de 3%) / Pro (sem taxa)
PayPalCompradores do PayPal + cartões de créditoLite (taxa de 3%) / Pro (sem taxa)
QuadradoSe você já usa o Square POSPro
Authorize.NetSistemas de pagamento corporativos/legadosElite

Etapa 3: Criar o Modelo de Formulário de Pedido Online

Depois de conectado ao Stripe, vá para WPForms » Adicionar Novo no seu painel do WordPress para criar um novo formulário.

adicionar novo formulário

Agora você poderá selecionar um modelo de formulário de pedido pronto para adicionar ao seu site WordPress. Comece nomeando seu formulário de pedido (você pode dar o nome que quiser).

Nome do formulário de pedido

Agora, para tornar esta tarefa super fácil e rápida, selecionaremos um modelo de formulário de pedido. O WPForms tem mais de 2.100 modelos para você escolher.

Vamos usar o modelo de formulário de pedido simples, que é perfeito para pequenas empresas. Procure por "formulário de pedido simples" e selecione o modelo para começar a carregá-lo.

Modelo de formulário de pedido simples

Observação

Este modelo está disponível apenas nos planos Basic e superiores. Se você estiver em um plano gratuito, ainda poderá criar um formulário como este do zero, mas não terá os campos de endereço ou número de telefone. Em vez disso, você pode usar vários campos de Texto de Linha Única para replicar um campo de endereço completo e o campo de telefone.

Levará apenas alguns segundos para carregar o modelo. Assim que carregar, você verá o construtor de formulários, onde poderá fazer quaisquer alterações no modelo, se necessário.

Modelo de formulário de pedido simples

Como você pode ver, este é o formulário de pedido online perfeito para pequenas empresas. Vamos personalizar alguns dos campos neste modelo para que eles possam ser ainda mais úteis para os clientes.

Por padrão, o modelo de formulário de pedido tem um campo de Itens de Caixa de Seleção que permite aos usuários selecionar um ou mais produtos de uma lista de opções.

Para tornar o formulário específico para seus produtos e serviços, você pode adicionar os nomes reais de seus produtos e definir um preço para cada um. Clique no campo Itens de Caixa de Seleção para abrir suas Opções de Campo.

Opções de itens de caixa de seleção

Aqui, você pode alterar o rótulo do campo e os nomes dos itens para corresponder aos seus produtos.

Alterações nos nomes dos produtos dos itens de caixa de seleção

Para alterar o preço, basta inserir um número na coluna ao lado de cada item.

Alterar preços de itens

Se você quiser adicionar mais itens a este campo ou excluir um item existente, basta usar os botões de mais (+) e menos (-) ao lado de cada item.

Adicionar ou remover opções de itens

Você pode adicionar uma imagem para cada opção para que as pessoas possam ver o que estão pedindo.  Clique na opção Usar imagens nas opções para ativar este recurso.

Opções de imagem - Itens de caixa de seleção

Quando ativado, este recurso revelará um botão de upload de imagem para cada produto, que você pode usar para fazer upload de uma imagem para acompanhar seu produto no formulário de pedido.

Adicionando imagens a itens de caixa de seleção

É importante lembrar que o campo Item de Caixa de Seleção adicionado por padrão neste modelo permite que os usuários selecionem mais de um item por vez.

Se você quiser restringir seus usuários a selecionar apenas um produto por vez, você pode usar os campos de Múltiplos Itens em vez disso. Certifique-se de Salvar suas alterações quando terminar de personalizar seu formulário de pedido WordPress.

Dica Profissional

Se você deseja oferecer vendas e descontos, confira nosso tutorial sobre como adicionar um campo de código de cupom aos seus formulários do WordPress.

Etapa 4: Habilitar Pagamentos Stripe no Seu Formulário

Agora que nosso formulário está pronto, precisamos apenas configurar como queremos que o Stripe processe os pagamentos com este formulário de pedido. Na barra lateral do construtor de formulários, clique em Pagamentos.

Abrindo as configurações de Pagamentos do construtor de formulários

Depois disso, clique em Stripe na lista de pagamentos.

Selecionar Stripe em pagamentos

No painel direito, clique no interruptor Ativar Pagamentos Stripe.

Habilitando pagamentos com Stripe

Isso expandirá configurações adicionais para o Stripe, que permitem que você

  • Digite uma descrição de pagamento
  • Selecione o campo de e-mail do cliente para enviar um recibo do Stripe no envio do formulário
  • Selecione o campo de e-mail do cliente para adicionar à sua conta Stripe para manutenção de registros
Configurações do Stripe

Essas configurações são opcionais, mas recomendadas. Quando terminar esta etapa, certifique-se de pressionar Salvar. E com o Stripe, você pode até oferecer aos clientes recursos úteis como pagamentos recorrentes e checkout com um clique.

Agora você está pronto para aceitar pagamentos Stripe para seus pedidos assim que este formulário for publicado.

Etapa 5: Personalizar Suas Notificações e Confirmações

Quando um usuário envia um formulário de pedido, o WPForms enviará automaticamente uma notificação para você (o administrador) e uma mensagem de confirmação.

Configure as Notificações do Seu Formulário de Pedido Online

Você pode personalizar a notificação por e-mail para que ela inclua informações úteis.

Isso permite que você encontre facilmente e-mails de confirmação de pedido para cada pessoa que preenche seu formulário.

Comece clicando na guia Configurações no Construtor de Formulários e, em seguida, clique em Notificações.

Abrindo as configurações de notificações no construtor de formulários

Se você quiser enviar uma cópia do e-mail do pedido para vários membros da equipe, pode adicionar os endereços de e-mail deles separados por vírgulas no campo  Enviar para Endereço de E-mail.

Enviar para endereço de e-mail

Também é uma boa ideia usar Smart Tags na linha de assunto para que cada e-mail de pedido não pareça o mesmo. Uma maneira fácil de fazer isso é adicionando a Smart Tag de Nome no assunto do e-mail.

Isso significa que cada e-mail de pedido terá o nome do cliente que preencheu o formulário. Você pode adicionar Smart Tags clicando em Mostrar Smart Tags.

Mostrar tags inteligentes

Isso abrirá uma lista de campos disponíveis que você pode usar como Smart Tag. Neste exemplo, usaremos o campo Nome como nossa Smart Tag.

Nomear tag inteligente no assunto

Agora, cada notificação por e-mail que você receber deste formulário de pedido online conterá o nome do cliente na linha de assunto. Esta é uma ótima maneira de facilitar o rastreamento de e-mails de pedidos por nome.

Além disso, se você usar Smart Tags, poderá até enviar uma notificação de formulário a um cliente para informá-lo de que seu pedido foi recebido. Esta é uma boa ideia, pois utilizar a correspondência por e-mail é uma estratégia de marketing comprovada para pequenas empresas.

Para configurar uma notificação separada para os clientes, clique no botão Adicionar Nova Notificação no canto superior direito.

Adicionando uma nova notificação de e-mail

Isso exibirá uma caixa de diálogo onde você precisará nomear sua notificação para distingui-la da notificação padrão.

Nomeando uma nova notificação de e-mail

Em seguida, use as Smart Tags para incluir o endere uevo de email da pessoa que preencheu o formul uevo de pedido online no campo Endere uevo de Email para. Clique em Mostrar Smart Tags no campo Endere uevo de Email para.

Acessando Tags Inteligentes para uma notificação de e-mail

Em seguida, selecione a Smart Tag para o campo Email. Isso permitir uevo que o WPForms recupere o endere uevo de email fornecido pelo cliente no formul uevo de pedido e envie a notifica uevo para este endere uevo de email.

Selecionando a Tag Inteligente para o campo de E-mail em uma notificação de e-mail

Da mesma forma, voc uevo pode personalizar todas as partes diferentes das notifica oues de email do seu formul uevo de pedido do WordPress usando texto simples e Smart Tags como achar melhor.

Adicionando a Tag Inteligente {all_fields} a uma notificação de e-mail

Para mais ajuda com smart tags, confira este tutorial sobre como usar Smart Tags no WPForms.

As notifica oues no WPForms s uevoo extremamente flex veis. Talvez voc uevo queira conferir este guia sobre como criar m ltiplas notifica oues de formul uevo no WPForms.

Personalize as Confirma oues do Seu Formul uevo de Pedido

Confirma oues de formul uevo s uevoo mensagens exibidas para os clientes ap s de enviarem um formul uevo de pedido. Existem tr s tipos de confirma o entre os quais voc uevo pode escolher:

  1. Mensagem
  2. Mostrar P gina
  3. Ir para URL (Redirecionar)

Vamos ver como configurar uma confirma o simples de formul uevo no WPForms para que voc uevo possa personalizar a mensagem que os usu rios ver o ap s de enviarem seus pedidos.

Primeiro, clique na guia Confirma oues no Editor de Formul uevo em Configura oues.

Confirmações de pedido

Em seguida, selecione o tipo de confirma o que voc uevo gostaria de criar. Para este exemplo, selecionaremos Mensagem, que a maneira mais simples de exibir uma confirma o.

Escolhendo o tipo de mensagem de confirmação

Em seguida, personalize a mensagem de confirma o a seu gosto e clique em Salvar quando terminar.confirmação de formulário de pedido

Excelente! Estamos quase terminando.

Etapa 6: Adicionar o Formulário de Pedido Online ao Seu Site

O WPForms torna super f cil incorporar seu formul uevo de pedido em seu site WordPress. Clique no bot o Incorporar na parte superior.

Botão de incorporar formulário

Para incorporar o formul uevo de pedido do WordPress em uma nova p gina, clique em Criar Nova P gina.

incorporar wpforms em uma nova página

Agora insira um nome para a nova p gina e pressione Vamos L .

Incorporar em uma nova página

Voc ver agora o editor de blocos do WordPress com o bloco j adicionado para o formul uevo de pedido que voc acabou de criar dentro da p gina.

Quando estiver pronto para lan , clique no bot o Publicar.

Publicar formulário de pedido

Agora voc pode ver seu formul uevo de pedido publicado ao vivo em seu site. Observe que, ao selecionar itens em seu formul uevo, o pre o muda automaticamente.

Formulário de pedido publicado

E a est ! Agora voc sabe como criar um formul uevo de pedido no WordPress e aceitar pagamentos online com ele. N o quer processar pagamentos ainda? D uma olhada em nosso tutorial sobre como criar um formul uevo de pedido sem pagamento.

Como uma etapa adicional e opcional, voc pode querer manter os usu rios em seu site mesmo ap de fazerem um pedido, aumentando suas chances de fazer pedidos extras.

Aprenda como fazer isso redirecionando os usu rios para outra p gina em seu site ou outro site ap de enviarem um formul uevo. Se voc uma organiza o sem fins lucrativos, voc pode seguir etapas semelhantes acima para criar um formul uevo de doa o para sua organiza o sem fins lucrativos.

Crie um Formulário de Pedido no WordPress Agora! 🙂

Formulário de Pedido vs. WooCommerce: Qual Você Precisa?

Se você está se perguntando se precisa de um formulário de pedido baseado em formulário ou de uma loja WooCommerce completa, aqui está a resposta rápida: use um formulário de pedido quando tiver alguns produtos ou serviços e quiser um processo de checkout simples. Use o WooCommerce quando precisar de um catálogo de produtos completo com gerenciamento de estoque, zonas de envio e funcionalidade de carrinho.

Os formulários de pedido WPForms são mais rápidos de configurar e mais leves para o seu site. Eles são ideais para prestadores de serviços, pequenas empresas com uma linha de produtos limitada e qualquer pessoa que precise coletar pedidos sem a sobrecarga de uma plataforma de e-commerce completa. Você sempre pode começar com um formulário de pedido e migrar para o WooCommerce mais tarde, se o seu catálogo de produtos crescer.

Perguntas frequentes sobre a criação de formulários de pedido no WordPress

Aqui estão algumas das perguntas frequentes sobre a criação de formulários de pedido no WordPress.

Posso criar um formulário de pedido no WordPress gratuitamente?

Sim. O WPForms Lite permite que você crie formulários de pedido e aceite pagamentos com Stripe sem custo. A versão gratuita inclui todos os campos essenciais, o construtor de arrastar e soltar e modelos básicos. Os pagamentos com Stripe no Lite vêm com uma taxa de processamento adicional de 3% do WPForms, além das taxas do próprio Stripe. Se você quiser remover a taxa extra ou desbloquear PayPal Commerce e Square, o WPForms Pro começa em US$ 49,50/ano.

Como fazer um formulário de pedido com menu suspenso no WordPress?

O WPForms tem um campo Dropdown (Menu suspenso) que você pode incluir em seu formulário de pedido. Para adicionar o campo Dropdown, basta clicar nele no painel esquerdo do construtor de formulários ou arrastá-lo e soltá-lo onde você precisar em seu formulário.

O menu suspenso oferece a vantagem de manter seus formulários curtos e concisos quando há muitas opções para escolher.

Portanto, se sua lista de itens disponíveis for longa, considere adicionar o campo Dropdown ao seu formulário usando a interface fácil de arrastar e soltar do WPForms.

Como posso rastrear envios de formulários e vendas?

O WPForms facilita o rastreamento de seus dados de pagamento de formulários de pedido. Ele tem uma tela dedicada de Pagamentos, e isso está disponível na versão GRATUITA, bem como no WPForms Pro.

Tela de pagamentos para formulário de pedido online

Com a tela de Pagamentos do WPForms, você pode rastrear transações totais, receita de vendas, receita de assinaturas, uso de cupons e muito mais.

Como personalizo o design e o layout do meu formulário de pedido?

O WPForms inclui opções abrangentes de estilo de formulário que permitem editar as bordas dos campos, rótulos, mensagens de erro e botões sem nenhum código.

Você pode usar isso para personalizar o design do seu formulário de pedido. Este recurso está disponível em todas as versões do WPForms, incluindo o Lite.

Se você também precisar alterar o layout do seu formulário de pedido, poderá fazer isso usando o prático campo Layout (disponível apenas em planos pagos) ou por meio de código CSS personalizado.

Como posso criar um formulário de pedido de várias etapas?

Você pode criar um formulário de pedido de várias etapas no WPForms usando o campo Page Break (Quebra de página) entre outros campos para separá-los.

Alternativamente, você também pode usar o addon Lead Forms do WPForms, que cria uma experiência de preenchimento de formulário altamente interativa e adiciona várias etapas para minimizar a fadiga do formulário.

Posso adicionar vários produtos a um formulário?

Sim, você pode listar vários produtos em um único formulário de pedido usando o WPForms. Basta arrastar e soltar campos como Múltiplos Itens, adicionar cada produto e incluir os preços.

Como configuro cálculos de impostos e frete?

Você pode usar o addon WPForms Calculations para adicionar impostos e custos de frete ao seu formulário automaticamente. Ele permite fazer cálculos básicos diretamente no formulário, para que os totais sejam atualizados com base no que os usuários selecionam.

É possível oferecer descontos ou códigos promocionais?

Sim, o WPForms tem um addon de Cupons que permite criar códigos de desconto. Basta adicionar um campo para os usuários inserirem um código, e o formulário aplicará o desconto antes do checkout.

Preciso do WooCommerce para criar um formulário de pedido no WordPress?

Não. Para pedidos simples de produtos ou serviços, um plugin de formulário como o WPForms é mais rápido e leve do que uma plataforma de e-commerce completa.

O WooCommerce é a melhor escolha se você precisa de um grande catálogo de produtos, controle de estoque ou regras de frete complexas. Mas para coletar pedidos de alguns itens ou serviços, um formulário de pedido é tudo o que você precisa.

Em seguida, Ganhe Mais Dinheiro com Seu Site

Quer começar a ganhar mais dinheiro com seu próprio site? Talvez você queira conferir nosso post sobre os melhores plugins de afiliados para WordPress.

As configurações de e-mail do seu WordPress estão configuradas corretamente? Certifique-se de conferir nosso guia sobre ajustar as configurações de e-mail no WordPress para garantir que seus e-mails de saída estejam funcionando corretamente.

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.

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.

Osama Tahir

Osama é Redator Sênior no WPForms. Ele se especializa em desmontar plugins do WordPress para testes e compartilhar suas percepções com o mundo. 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.

6 comentários em “Como Criar um Formulário de Pedido no WordPress (Passo a Passo)

  1. Olá,
    É possível deixar o usuário escolher entre duas moedas? Como CHF e EUR?
    Obrigado pela sua resposta e ajuda 😊
    jm

    1. Oi Jean-Marc,

      Sinto muito, mas atualmente não temos um recurso integrado para escolher diferentes moedas. A funcionalidade atual permite apenas uma única moeda. Adicionei seu voto para considerarmos isso como uma solicitação de recurso para futuras melhorias.

      Obrigado,

  2. É possível ter um seletor para alterar a quantidade pedida de cada produto?
    Digamos que eu quisesse pedir 10 peças de camisas pretas e 5 camisas vermelhas?

    Também é possível criar uma lista de números para produtos exclusivos e deixar que cada número se torne indisponível assim que for pedido.

    Eu gerencio lojas WooCommerce e sei o que é possível lá, mas tenho clientes com 4-5 produtos e pouco conhecimento de computador que poderiam se dar melhor com o WPForms.

    1. Olá Troels – Atualmente não temos um recurso para alterar os valores com base na quantidade do produto e configurar o número de produtos que, em seguida, ficariam indisponíveis assim que o produto fosse pedido. Embora tenhamos uma solução alternativa aqui, concordo que seria um ótimo recurso para ter, e adicionarei isso ao nosso rastreador de solicitações de recursos.

  3. Existe alguma maneira de tornar um formulário de pedido "bonito"? Queremos poder personalizar a página para que fique mais alinhada com nossa marca e ela está muito simples. Como poderíamos fazer isso?

    1. Oi Amber – Para personalizar o estilo do formulário, você pode consultar nossa documentação aqui e aqui.

      Caso precise de alguma ajuda, por favor, entre em contato conosco no suporte para que possamos ajudar.

      Se você tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte.

      Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.

      Obrigado 🙂

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e Termos de Serviço da Cloudflare.