Como criar um formulário de pedido no WordPress [+ Modelos grátis]

Publicados: 2018-05-24

Você precisa adicionar um formulário de pedido simples ao seu site WordPress?

O plug-in de criador de formulário online WPForms funciona como um criador de formulário de pedido fácil e se integra ao pagamento Stripe, Authorize.Net e PayPal.

Assim, você pode criar um formulário de pedido em apenas alguns minutos, com a personalização que você precisa.

Você também pode criar um formulário de pedido online que gera as informações do pedido dos clientes, mas permite que você aceite pagamentos pelo pedido posteriormente.

Neste artigo, mostraremos como criar um formulário de pedido simples com pagamentos online e sem pagamentos.

Clique aqui para começar a fazer seu formulário de pedido agora

WPForms é o melhor plugin do WordPress Form Builder. Obtenha gratuitamente!

Criar um tutorial em vídeo do formulário de pedido do WordPress

Criamos um vídeo que mostra como criar um formulário de pedido no WordPress.

Se você preferir ler as instruções, acompanharemos o processo nas etapas abaixo.

Como faço para criar um formulário de pedido para meu site?

Aqui estão alguns links rápidos para que você possa pular para o modelo de formulário de pedido simples e correto que deseja usar em seu site:

Como criar um formulário de pedido simples com pagamentos online:

  1. Crie um formulário de pedido simples no WordPress
  2. Configure suas notificações de formulário de pedido
  3. Configure suas confirmações de formulário de pedido
  4. Personalize as configurações de pagamento
  5. Adicione o seu formulário de pedido simples ao seu site

ou

Como criar um formulário de pedido simples sem pagamentos online:

  1. Crie um formulário de pedido simples no WordPress
  2. Personalizar suas notificações de formulário de pedido
  3. Configure suas confirmações de formulário de pedido
  4. Adicione o seu formulário de pedido simples ao seu site

Como criar um formulário de pedido simples com pagamentos online

Aceitando doações? Ou talvez você queira fazer algo como criar um formulário de pedido de uma camiseta, um formulário de pedido de fotografia ou qualquer outro formulário de pedido para coletar pedidos.

Quaisquer que sejam os produtos digitais ou físicos que você esteja vendendo, você pode receber pagamentos por meio de um modelo de formulário de pedido online.

Aqui, mostraremos como criar um formulário de pedido em WordPress que aceitará pagamentos com cartão de crédito e PayPal. Portanto, se você deseja aceitar pagamentos online para pedidos por meio do formulário de pedido baseado na web do seu site, este é o lugar para estar.

Etapa 1: crie um formulário de pedido simples no WordPress

Está se perguntando como fazer um formulário de pedido online? A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Para obter mais detalhes, consulte este guia passo a passo sobre como instalar um plugin no WordPress.

Em seguida, vá para WPForms »Add New para criar um novo formulário.

Na tela de configuração do criador do formulário de pedido, nomeie seu formulário e selecione o modelo de formulário Faturamento / Pedido.

Modelo de formulário de pedido de cobrança

Em seguida, você desejará modificar quais itens estão disponíveis para pedido.

Para fazer isso, role para baixo até a seção “Itens disponíveis” à direita que o modelo inclui e clique nele.

Isso abrirá as “Opções de campo” no painel esquerdo. Aqui você pode renomear o campo, adicionar ou remover itens do pedido e alterar os preços.

Personalizar itens disponíveis

Se você quiser dar às pessoas imagens para escolher ao preencher seu formulário de pedido online, clique na caixa de seleção Usar opções de imagem no Editor de formulários.

Usar caixa de seleção de escolha de imagem

Ao fazer isso, você poderá fazer upload de imagens para acompanhar seus itens, dando às pessoas uma ideia do que estão pedindo.

Para obter ajuda com esta etapa, verifique nosso tutorial sobre como adicionar opções de imagem aos seus formulários WordPress. Você também pode fazer com que os formulários tenham uma ótima aparência, seguindo as etapas em nossa postagem sobre como criar um formulário com várias etapas no WordPress. Mas por causa deste tutorial, ficaremos com uma única página.

Por último, com o criador de formulários simples de arrastar e soltar, você pode adicionar campos adicionais ao formulário de pedido, arrastando-os do lado esquerdo para o lado direito.

Se necessário, verifique nosso tutorial sobre como adicionar opções de produtos que alteram o preço total. Esse é um ótimo truque para melhorar a experiência do usuário e diminuir a taxa de abandono do carrinho de compras online.

E temos um tutorial para você se quiser aprender como usar o poder dos descontos e adicionar um campo de código de cupom aos seus formulários.

Clique em Salvar quando terminar.

Etapa 2: personalize suas notificações de formulário

Existem duas configurações para definir em seu formulário de pedido simples. A primeira é a configuração de notificações . As notificações são uma ótima maneira de enviar um e-mail quando o formulário for enviado.

Você pode enviar uma notificação por email para si mesmo, o que o WPForms faz automaticamente, a menos que você desative as notificações de formulário. Você também pode enviar uma notificação a um membro de sua equipe adicionando seu e-mail ao campo Enviar para endereço de e-mail .

Além disso, se você usar marcas inteligentes, poderá até mesmo enviar uma notificação de formulário a um cliente para informá-lo que seu pedido foi recebido.

Vamos dar uma olhada em como configurar uma notificação de formulário que será enviada a um cliente depois que ele enviar um formulário de pedido em seu site.

Comece clicando na guia Configurações no Criador de formulários e clique em Notificações .

Em seguida, você deseja personalizar qual endereço de e-mail receberá uma notificação quando um novo pedido for enviado.

Para incluir o endereço de e-mail da pessoa que preencheu o formulário de pedido online, que é seu cliente, clique em Mostrar marcas inteligentes no campo Enviar para endereço de e-mail .

Tags inteligentes de notificação de formulário

Clique em E - mail para que o WPForms saiba que deve enviar uma notificação ao endereço de e-mail que foi inserido no envio do formulário de pedido.

Tags inteligentes de notificação de formulário, e-mail

Em seguida, você pode alterar o assunto do e-mail de notificação para ser mais específico. Além disso, você pode personalizar os e-mails “Do nome”, “Do e-mail” e “Responder para”.

E não se esqueça de incluir uma mensagem personalizada se o e-mail for para outra pessoa além de você.

Se você deseja incluir todas as informações encontradas nos campos do formulário de pedido enviado, use a marca inteligente {all_fields} .

Para obter mais ajuda com marcas inteligentes, verifique este tutorial sobre como usar marcas inteligentes em WPForms.

Personalização de notificação de formulário

Ao alterar esses campos, você saberá que quem quer que receba a notificação por e-mail saberá exatamente para que é a notificação e de quem ela veio.

Para enviar mais de uma notificação por e-mail quando um formulário de pedido é enviado em seu site, verifique estas instruções passo a passo sobre como criar várias notificações de formulário em formulários WordPress.

Melhor ainda, se quiser, você pode enviar um recibo de e-mail automático do formulário de pedido do WordPress para todos os clientes que enviarem um pedido.

Etapa 3: configurar suas confirmações de formulário

A segunda configuração para configurar lida com confirmações de formulário. As confirmações de formulário são mensagens exibidas para os clientes assim que eles enviam um formulário de pedido.

Existem três tipos de confirmação que você pode escolher:

  1. Mensagem. Este é o tipo de confirmação padrão em WPForms. Quando um cliente envia um formulário de pedido, uma confirmação de mensagem simples aparecerá informando que seu formulário foi processado. Veja aqui algumas mensagens de grande sucesso para ajudar a aumentar a felicidade do cliente.
  2. Mostrar página. Esse tipo de confirmação levará os clientes a uma página da web específica em seu site, agradecendo o pedido. Para obter ajuda com isso, confira nosso tutorial sobre como redirecionar clientes para uma página de agradecimento. Além disso, certifique-se de verificar nosso artigo sobre a criação de páginas de agradecimento eficazes para aumentar a lealdade do cliente.
  3. Vá para URL (Redirecionar). Essa opção é usada quando você deseja enviar clientes para um site diferente.

Vamos ver como configurar uma confirmação de formulário simples em WPForms para que você possa personalizar a mensagem que os usuários verão depois de enviar seus pedidos.

Primeiro, clique na guia Confirmação no Editor de Formulários em Configurações .

Em seguida, selecione o tipo de confirmação que deseja criar. Para este exemplo, selecionaremos Mensagem .

Tipo de confirmação de formulário

Em seguida, personalize a mensagem de confirmação de acordo com sua preferência e clique em Salvar quando terminar.

Para obter ajuda com os outros tipos de confirmação, consulte nossa documentação sobre como configurar confirmações de formulário. Você também pode configurar confirmações por e-mail para saber quando o formulário de pedido é preenchido conforme você coleta pedidos online.

Etapa 4: definir as configurações de pagamento

Por último, você precisará definir as configurações de pagamento para seu formulário de pedido conectando-se ao seu provedor de gateway de pagamento para que possa receber pagamentos online de clientes.

O WPForms oferece 3 integrações de pagamento com os processadores de pagamento mais populares. O plug-in se integra aos processadores de pagamento PayPal, Authorize.Net e Stripe para aceitar pagamentos. Quando você oferece mais de uma forma de pagamento para seus clientes, é uma ótima maneira de reduzir o abandono do formulário de pedido.

Para definir as configurações de informações de pagamento em seu formulário de pedido, você primeiro terá que instalar e ativar o complemento de pagamento correto.

Para obter instruções fáceis passo a passo, confira nosso tutorial sobre como instalar e usar o complemento PayPal. Se quiser usar o Stripe, você encontrará instruções semelhantes para instalar e usar o complemento Stripe aqui.

Depois de fazer isso, clique na guia Pagamentos no Editor de formulários.

Em nosso exemplo, configuraremos o PayPal para processar pedidos.

Configurações de pagamento

Depois de clicar em PayPal , você precisará inserir seu endereço de e-mail do PayPal, selecionar o modo de produção , escolher Produtos e serviços e ajustar outras configurações conforme necessário.

Configurações do PayPal

Depois de definir as configurações de pagamento, clique em Salvar para armazenar suas alterações.

Certifique-se de verificar nosso tutorial sobre como permitir que os clientes escolham seu método de pagamento se você quiser oferecer mais de uma opção de pagamento.

Agora você está pronto para adicionar seu formulário de pedido simples ao seu site.

Etapa 5: adicione seu formulário de pedido simples ao seu site

WPForms permite adicionar seus formulários a muitos lugares em seu site, como postagens de blog, páginas e sua barra lateral (áreas prontas para widgets).

Primeiro, vamos dar uma olhada na opção de incorporação de postagem / página mais comum.

Comece criando uma nova postagem ou página no WordPress. Depois disso, clique dentro do primeiro bloco (a área em branco abaixo do título da página) e clique no ícone Adicionar WPForms .

adicionar ícone wpforms

O prático widget WPForms aparecerá dentro do seu bloco. Clique na lista suspensa WPForms e escolha qual dos formulários já criados que deseja inserir em sua página. Selecione o seu formulário de pedido.

selecione o seu formulário de pedido

Em seguida, clique no botão azul no canto superior direito que diz Publicar, para que seu formulário apareça em seu site e você possa começar a receber pedidos de clientes.

publique seu formulário de pedido no site wordpress

Para adicionar um formulário de pedido simples ao seu site na área de widgets da barra lateral, vá para Aparência »Widgets .

Em seguida, adicione um widget WPForms à sua barra lateral. Depois disso, selecione o Formulário de Cobrança / Pedido no menu suspenso e salve as alterações na área de widgets.

Widget WPForms

Clique em Salvar .

Agora você pode visualizar seu formulário de pedido publicado ao vivo em seu site. Observe que, ao selecionar itens no formulário, o preço muda automaticamente.

Formulário de pedido final com pagamento

E aí está! Agora você sabe criar um formulário de pedido simples no WordPress que aceita pagamentos online.

Como criar um formulário de pedido simples sem pagamentos online

Existem alguns motivos pelos quais você pode querer evitar a cobrança de pagamentos de pedidos de seus clientes por meio do formulário de pedido:

  • Você não gosta da ideia de aceitar cartões de crédito através do seu site
  • Seus clientes preferem enviar cheques, ordens de pagamento ou depositar fundos diretamente de suas contas bancárias na sua
  • Os planos de pagamento são uma opção para seus clientes
  • Você prefere enviar faturas oficiais para clientes que solicitam pagamento

Não importa o motivo para não querer aceitar pagamentos online, o WPForms torna mais fácil para você criar um formulário de pedido simples sem pagamento.

Vamos dar uma olhada em como fazer exatamente isso.

Etapa 1: crie um formulário de pedido simples no WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Para obter mais detalhes, consulte este guia passo a passo sobre como instalar um plugin no WordPress.

Em seguida, vá para WPForms »Add New , nomeie seu formulário e clique no modelo Billing / Order Form.

Modelo de formulário de pedido de cobrança

No Editor de formulários, você poderá personalizar quais itens estão disponíveis para os clientes solicitarem.

Para fazer isso, role para baixo até a seção “Itens disponíveis” na tela de visualização à direita e clique nela.

Isso abrirá as “Opções de campo” no painel esquerdo. Aqui você pode renomear o campo, adicionar ou remover itens do pedido e alterar os preços.

Personalizar itens disponíveis

Se você quiser dar às pessoas imagens para escolher ao preencher seu formulário de pedido, clique na caixa de seleção Usar opções de imagem no Editor de formulários.

Usar caixa de seleção de escolha de imagem

Isso permitirá que você faça upload de imagens para complementar os itens que está à venda, ao mesmo tempo que mostra aos clientes uma imagem do item que desejam comprar.

Para obter ajuda com esta etapa, confira nosso tutorial sobre como adicionar opções de imagem ao seu formulário de contato do WordPress.

Por último, você pode adicionar campos adicionais ao seu formulário de pedido, arrastando-os do lado esquerdo para o lado direito. Isso é bom para coletar informações de contato adicionais de seus clientes relacionadas ao pedido deles.

Clique em Salvar quando terminar.

Etapa 2: configurar as notificações do formulário de pedido do WordPress

Em seguida, você precisará configurar as notificações por e-mail do formulário para enviar aos clientes um recibo por e-mail do pedido.

Isso é feito enviando várias notificações de uma vez - uma para você ou para o membro da equipe responsável pelos pedidos, para que você saiba que um pedido foi enviado, e outra para o seu cliente.

Por padrão, o WPForms envia automaticamente ao e-mail do administrador associado ao seu site WordPress uma notificação de formulário, a menos que você desative as notificações. No entanto, para enviar ao seu cliente uma notificação por e-mail também, você precisará adicionar outra notificação.

Para fazer isso, clique na guia Notificações em Configurações no Editor de formulários. Em seguida, clique no botão Adicionar Nova Notificação .

Configurações de notificação para nenhum pagamento

Um pop-up modal aparecerá. Aqui você pode nomear sua notificação adicional como quiser, pois é apenas para sua referência. Em seguida, clique em OK .

Recibo no formulário de pedido do wordpress

Para enviar essa notificação ao cliente que preencheu o formulário de pedido, clique em Mostrar marcas inteligentes ao lado do campo Enviar para endereço de e-mail . Em seguida, clique em Email .

Etiquetas inteligentes

Isso informará ao WPForms que qualquer endereço de e-mail inserido no formulário de pedido enviado deve receber uma notificação.

Em seguida, você pode alterar a linha de assunto do e-mail de notificação. Além disso, você pode personalizar os e-mails “Do nome”, “Do e-mail” e “Responder a” para que seu cliente saiba exatamente do que se trata a notificação por e-mail que eles recebem.

Você também pode personalizar a mensagem de notificação. Se você deseja incluir todas as informações do campo do formulário que o cliente preencheu em seu pedido, use a marca inteligente {all_fields} e adicione qualquer mensagem adicional que deseja adicionar.

Mensagem de agradecimento

Para obter mais ajuda com marcas inteligentes, verifique este tutorial sobre como usar marcas inteligentes em WPForms.

Clique em Salvar .

Etapa 3: configurar as confirmações do formulário de pedido do WordPress

A próxima coisa que você precisa fazer é configurar a mensagem de confirmação que os clientes verão após enviarem seus pedidos.

Existem vários tipos de confirmação que você pode configurar em seus formulários, incluindo:

  • Uma mensagem de confirmação que aparecerá após o envio do formulário e checkout
  • Redirecionamento para outra página em seu site, como uma página de “Obrigado”
  • Vá para redirecionamento de URL, para os momentos em que deseja redirecionar clientes para outro site

Para obter ajuda com todas essas três opções, dê uma olhada em nosso tutorial útil sobre como configurar confirmações de formulário no WordPress.

Em nosso exemplo, configuraremos uma confirmação de mensagem simples que os clientes verão assim que enviarem o formulário de pedido.

Primeiro, clique na guia Confirmação no Editor de Formulários em Configurações .

Em seguida, selecione o tipo de confirmação que deseja criar. Para este exemplo, selecionaremos Mensagem .

tipo de confirmação de formulário para formulário de pedido wordpress

Em seguida, personalize a mensagem de confirmação e clique em Salvar .

Etapa 4: adicione seu formulário de pedido ao seu site

WPForms permite adicionar seus formulários a muitos lugares em seu site, como postagens de blog, páginas e sua barra lateral (áreas prontas para widgets).

Primeiro, vamos dar uma olhada na opção de incorporação de postagem / página mais comum.

Comece criando uma nova postagem ou página no WordPress. Depois disso, clique dentro do primeiro bloco (a área em branco abaixo do título da página) e clique no ícone Adicionar WPForms .

adicionar ícone wpforms

O prático widget WPForms aparecerá dentro do seu bloco. Clique na lista suspensa WPForms e escolha qual dos formulários já criados que deseja inserir em sua página. Selecione o seu formulário de pedido.

selecione seu formulário de pedido de wordpress

Em seguida, clique no botão azul no canto superior direito que diz Publicar. Seu formulário agora aparecerá em seu site.

publique seu formulário de pedido no site wordpress

Para adicionar um formulário de pedido simples ao seu site na área de widgets da barra lateral, vá para Aparência »Widgets .

Então, adicione um widget WPForms à sua barra lateral. E depois disso, selecione o Formulário de Cobrança / Pedido no menu suspenso e salve suas alterações na área de widgets.

Widget WPForms

Clique em Salvar no criador do formulário de pedido online. Tudo pronto! Você também pode tentar conectar seu formulário de pedido online ao seu software CRM para pequenas empresas para se manter ainda mais organizado com seu fluxo de trabalho.

Clique aqui para começar a fazer seu formulário de pedido online agora

Acesse o modelo de formulário de pedido online agora

E aí está! Agora você sabe criar um formulário de pedido simples no WordPress com ou sem pagamentos online, usando WPForms como seu criador de formulário de pedido.

Quer começar a ganhar mais dinheiro com seu próprio site? Você pode querer verificar nossa postagem sobre os melhores plug-ins de afiliados do WordPress.

Não espere para começar a construir seu formulário de pedido online. Comece hoje com o plugin de formulário WordPress mais poderoso. Procurando um formulário de pedido grátis? O WPForms Pro vem com um modelo de formulário de pedido online gratuito e uma garantia de reembolso de 14 dias.

E não se esqueça, se gostou deste artigo, siga-nos nas redes sociais com o Facebook e o Twitter.