Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar um formulário de pedido on-line no WordPress

Como criar um formulário de pedido on-line para seu site WordPress 

Escrito por: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: John Turner
imagem do revisor John Turner
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja saber como criar um formulário de pedido on-line para seu site WordPress? Aprender a criar um formulário de pedido on-line pode ser exatamente o que você precisa.

Os formulários de pedido facilitam para os clientes o pedido de produtos e serviços em seu site. E os melhores formulários de pedido também aceitam pagamentos on-line, o que torna tudo muito mais eficiente. Mas pode ser assustador criar esse tipo de formulário se você nunca tiver feito isso antes.

Não se preocupe! Estamos simplificando muito, mostrando a você como criar um formulário de pedido on-line para o WordPress em apenas algumas etapas fáceis.

Aqui está uma rápida olhada nas etapas que serão seguidas neste guia:

Você está pronto para começar? Vamos lá!

O que é um formulário de pedido?

Antes de criar um formulário de pedido on-line no WordPress, é importante entender o que é um formulário e o que ele pode fazer pelo seu site.

Um formulário de pedido on-line é um formulário de pagamento usado para solicitar produtos, serviços ou mercadorias de uma empresa on-line ou de um varejista de comércio eletrônico. O formulário em si contém informações de contato e todas as informações sobre o pedido do cliente para que as mercadorias e os produtos sejam entregues ao cliente em tempo hábil.

Os formulários de pedido geralmente incluem as seguintes informações:

  • O nome completo do cliente.
  • Número de telefone.
  • Informações de remessa e endereço de entrega.
  • Detalhes de processamento de faturamento e pagamento, como informações de cartão de crédito.
  • Uma lista dos itens que estão sendo comprados.
  • Detalhes do item, como quantidade, tamanho, estilo, etc.
  • Termos e condições.
  • Custos de remessa.
  • Total do pedido.

Em seguida, o cliente envia o formulário on-line para ser processado pela empresa ou negócio.

Geralmente, um formulário de pedido se integra a vários aplicativos, CRM e serviços, como Authorize.net, Google Sheets, Salesforce, Zapier e mídias sociais. Além disso, alguns podem oferecer a capacidade de aumentar seus assinantes e exibir pop-ups de formulários HTML.

Agora que você entende a funcionalidade de um formulário de pedido, como fazer um? Falaremos sobre isso a seguir.

Como criar um formulário de pedido on-line no WordPress

Criar seu próprio formulário de pedido on-line não é tão complicado quanto parece. Neste tutorial, mostraremos como é fácil criar um formulário com a ajuda de um plug-in do WordPress que faz a maior parte do trabalho para você.

Usaremos o WPForms, o melhor criador de formulários on-line de arrastar e soltar para WordPress. Esse criador de formulários de pedidos permite que você crie praticamente qualquer tipo de formulário on-line, inclusive:

E com a tecnologia de formulário inteligente do WPForms e as integrações fáceis de gateway de pagamento, você pode ter seu formulário de pedido on-line pronto e funcionando em minutos.

Por que não dar uma olhada nesta análise detalhada do WPForms para obter todos os detalhes?

Site da WPForms

Para começar a usar o criador de formulários de pedido do WPForms, você precisará adquirir a versão Pro. O WPForms Pro se integra aos processadores de pagamento para aceitar pagamentos de seus clientes. Em seguida, você precisará instalar e ativar o plugin WPForms em seu site WordPress.

Se você não tiver certeza de como instalar um plug-in no WordPress, este guia passo a passo o ajudará.

Com tudo instalado e ativado, você está pronto para passar para a próxima etapa e começar a criar seu novo formulário.

1. Escolha o modelo de formulário de pedido

A primeira coisa a fazer ao criar um formulário de pedido on-line é acessar o painel do WordPress e clicar em WPForms " Add New.

Isso exibe uma série de modelos pré-criados para você escolher.

Para este tutorial, usaremos o modelo gratuito de formulário de pedido. Portanto, dê um nome ao seu formulário e clique nessa opção.

Modelo de formulário de faturamento/pedido no WPForms

A próxima tela que você verá será o editor de formulários. Aqui você pode personalizar a aparência, o conteúdo e as configurações do formulário de pedido.

O modelo Billing/Order Form preenche automaticamente o formulário com as configurações padrão necessárias para um formulário de pedido simples.

Clicar em qualquer um dos campos do formulário abre as opções de campo no lado esquerdo da tela. Aqui você pode editar os rótulos de cada campo, adicionar ou remover itens e tornar obrigatórios determinados campos de coleta de dados.

Edição de um formulário de pedido on-line no WPForms

Expandir a guia de opções avançadas do campo Itens disponíveis, por exemplo, permite que você escolha um layout de coluna diferente. Você pode até mesmo adicionar lógica condicional ao formulário para que alguns campos sejam exibidos apenas com base nas informações dos envios de formulário.

Opções avançadas de campo no WPForms

Para reorganizar o layout do formulário, você pode arrastar e soltar qualquer campo. Além disso, adicionar campos extras é igualmente fácil. Basta arrastá-los do lado esquerdo da tela, como os métodos de pagamento, para a direita.

Quando estiver satisfeito com o layout do formulário de pedido, clique no botão Save (Salvar ) para evitar a perda de alterações.

2. Configurar notificações de formulários de pedidos on-line

Agora vamos definir as configurações de seu formulário de pedido on-line, começando pelo fluxo de trabalho de notificações de formulário. As notificações enviam um e-mail sempre que o formulário é concluído.

Para configurá-las, vá para Configurações " Notificações e você verá as opções disponíveis.

Por padrão, o WPForms envia automaticamente uma notificação por e-mail quando um cliente preenche o formulário. Mas se você preferir não ter essa opção, pode desativá-la selecionando Off na caixa suspensa.

notificações de formulários de pedidos on-line no WPForms para WordPress

Você também pode enviar notificações para outras pessoas em sua empresa adicionando os endereços de e-mail delas no campo Send To Email Address (Enviar para endereço de e-mail ).

Além disso, também é fácil enviar notificações aos clientes sempre que eles preencherem um formulário. Faça isso para garantir aos clientes que o pedido foi recebido e que você o está processando.

Você pode usar tags inteligentes no WPForms para configurar isso.

Ao lado do campo Send To Email Address, você verá uma opção chamada Show Smart Tags. Isso mostra as tags disponíveis para esse campo específico.

wpforms mostram tags inteligentes

Clique em Email, e a tag será inserida automaticamente no campo. Essa tag está diretamente relacionada ao endereço de e-mail que os clientes inserem quando preenchem o formulário.

Formulário de pedido on-line com etiquetas inteligentes de e-mail

Agora, edite o restante do formulário, incluindo os seguintes campos:

  • Assunto do e-mail. Esse é um dos primeiros itens que as pessoas verão em sua caixa de entrada. Você pode descrever a finalidade dos formulários escrevendo "Seu pedido foi recebido", por exemplo.
  • Nome do remetente. De onde vem o e-mail? O nome de sua marca ou empresa é uma boa opção para esse campo, para que os clientes saibam que não se trata de spam.
  • Do e-mail. Novamente, o e-mail da sua empresa ou o endereço de e-mail do departamento de vendas deve ser colocado aqui para que os clientes saibam de onde vem o e-mail e com quem podem entrar em contato.
  • Responder a. Ofereça aos seus clientes uma maneira de entrar em contato com você caso tenham algum problema, adicionando seu e-mail de contato aqui.
  • Mensagem. Inclua uma mensagem personalizada explicando por que os clientes estão recebendo esse e-mail e as próximas etapas que eles devem seguir. Você também pode adicionar os detalhes do pedido inserindo a tag {all_fields}.
configurações de notificação do formulário de pedido

Se você preferir enviar automaticamente um pedido on-line a partir do recibo de e-mail, este tutorial passo a passo mostrará como fazê-lo.

Salve as alterações e vamos passar para a seção de mensagem de confirmação.

3. Personalizar mensagens de confirmação de formulário

A seção de confirmação oferece três tipos de mensagens que podem ser exibidas aos clientes após o envio bem-sucedido do formulário.

Aqui estão os três tipos de mensagem de confirmação que você pode escolher:

  1. Mensagem. Esse é o tipo de confirmação padrão do WPForm. Ele exibe uma mensagem simples de sucesso informando aos clientes que o formulário foi enviado.
  2. Mostrar página. A opção Show Page envia os visitantes para uma página específica em seu site após o preenchimento do formulário. Você pode saber como redirecionar os clientes para uma página de agrad ecimento aqui.
  3. Ir para URL (Redirecionamento). Esse tipo de confirmação é normalmente usado para enviar os clientes a um site diferente após o envio do formulário.

Para personalizar essas configurações no editor de formulários, clique em Settings " Confirmation (Configurações " Confirmação). Em seguida, escolha o tipo de confirmação na lista suspensa fornecida e edite sua mensagem.

Configurações de confirmação do formulário de pedido on-line

Para obter ajuda sobre como configurar sua mensagem de confirmação, consulte a documentação do WPForms. E certifique-se de salvar suas alterações antes de prosseguir.

4. Selecione suas configurações de pagamento

Antes de publicar seu formulário de pedido on-line, você precisará oferecer uma maneira para que seus clientes paguem pelos produtos.

O WPForms oferece duas opções de pagamento populares para aceitar pagamentos on-line. Essas são as integrações de aplicativos do PayPal e do Stripe. Você precisará instalar os add-ons do PayPal e do Stripe para ativar essas opções.

Para fazer isso, vá para WPForms " Addons. Em seguida, clique no complemento de pagamento de sua preferência para instalá-lo e ativá-lo.

Se não tiver certeza de qual usar, esta publicação sobre Stripe vs. PayPal deve ajudá-lo a decidir.

Addons de opções de pagamento do WPForms

Com o complemento instalado, volte ao editor do formulário de pedido on-line e clique em Configurações " Pagamentos e escolha a opção de pagamento desejada.

Configurações de opções de pagamento do WPForms

Neste exemplo, usaremos o PayPal para fazer a integração com nosso formulário.

Para definir as configurações de pagamento do PayPal, você precisa primeiro ativar os pagamentos padrão do Paypal clicando na caixa de seleção.

Em seguida, insira o endereço de e-mail do PayPal da sua empresa e defina o Modo como Produção para receber pagamentos reais.

Insira suas configurações de pagamento do PayPal

Quando terminar de configurar seus detalhes de pagamento, clique em Save (Salvar ) para armazenar suas alterações. 

Em seguida, publicaremos seu formulário!

5. Publique seu formulário de pedido on-line no WordPress

É hora de publicar seu formulário de pedido on-line, o que é bastante empolgante, certo? O que é ainda mais interessante é que o WPForms permite que você incorpore seus formulários em vários lugares do seu site.

Isso significa que você pode exibir seu formulário em posts, páginas, barras laterais e quaisquer outras áreas prontas para widgets em seu site WordPress.

Para publicar seu formulário em uma página, primeiro crie uma nova página acessando Pages " Add New no painel e dê um título a ela

Depois disso, clique no ícone de adição para adicionar um novo bloco de conteúdo à página.

Adicionar um novo bloco de conteúdo no WordPress

Agora, digite WPForms na caixa de pesquisa para exibir o bloco de conteúdo WPForms.

Procure o bloco de conteúdo WPForms

Em seguida, clique no bloco para adicioná-lo à sua página.

Em seguida, você precisará escolher seu formulário de pedido on-line na caixa suspensa fornecida.

Escolha seu formulário de pedido on-line no menu suspenso do bloco de conteúdo WPForms

E quando estiver pronto para publicar sua página, clique em Publicar para torná-la ativa.

Agora seu formulário de pedido on-line estará ativo em seu site. Basta acessar essa página específica no front-end do seu site e você o verá.

Esta é a aparência de seu formulário de pedido on-line depois de publicado

Mas você ainda não terminou. Nenhum bom formulário de pedido está completo sem uma maneira de rastrear e medir os envios. Vamos descobrir isso a seguir.

6. Rastrear a análise de formulários

É muito bom ter um formulário de pedido on-line de ótima aparência, mas se ninguém o preencher e comprar seus produtos, será um esforço inútil.

Talvez você não perceba, mas o abandono de formulários é um dos maiores desafios enfrentados pelos proprietários de sites.

De fato, a taxa média de abandono é de cerca de 68%. Isso significa que muitas pessoas preenchem seu formulário e o abandonam logo antes de clicar em Enviar.

Mas há maneiras de lidar com o abandono de formulários, e isso começa com o rastreamento adequado da análise do formulário de pedido.

A maioria dos proprietários de sites usa o Google Analytics. Mas rastrear o abandono de formulários no Google Analytics não é uma tarefa fácil. É muito confuso! É por isso que nossa maneira favorita de rastrear esse tipo de dados é usar o MonsterInsights.

Com o MonsterInsights, você pode configurar rapidamente o Google Analytics para o seu site WordPress em minutos e começar a entender os dados coletados. Ele também é um excelente companheiro para o WPForms.

Painel de análise do MonsterInsights

O MonsterInsights torna o rastreamento do abandono de formulários muito mais simples. Você pode definir o rastreamento de formulários em categorias de eventos, bem como em ações.

Além disso, os relatórios do MonsterInsight são exibidos diretamente em seu painel do WordPress. Portanto, não há mais necessidade de clicar entre janelas e guias para obter as informações de que você precisa.

Você pode aprender tudo sobre como rastrear o abandono de formulários no WordPress com o MonsterInsights neste guia passo a passo fácil.

E aí está!

Neste artigo, você aprendeu a criar um formulário de pedido on-line para seu site WordPress, bem como a melhor maneira de acompanhar seus resultados.

Agora, tudo o que resta a fazer é transformar esses visitantes que abandonaram o carrinho em clientes pagantes. Nossas soluções para corrigir o abandono de carrinho lhe mostrarão como.

Esperamos que este artigo tenha sido útil para você. Se tiver gostado, siga-nos no Twitter e no Facebook para obter mais conteúdo como este.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.