Como Criar um Formulário de Checkout com Um Clique no WordPress

Como Criar um Formulário de Checkout com Um Clique no WordPress

Procurando uma maneira fácil de adicionar um formulário de checkout com um clique ao seu site WordPress?

Os compradores online de hoje esperam conveniência e rapidez das lojas online. Permitir que seus clientes salvem os detalhes de pagamento para que possam finalizar a compra com um único clique economizará tempo, ajudará a reduzir o abandono de carrinho e diminuirá os erros no checkout.

Neste tutorial, mostraremos uma maneira rápida, fácil e gratuita de criar um formulário de checkout seguro com cartão de crédito em um clique no WordPress, sem a necessidade de HTML, CSS ou Javascript.

Crie Seu Formulário de Checkout WordPress Agora

O que é Checkout com Um Clique?

Checkout com um clique é uma maneira conveniente para os clientes comprarem itens online com o clique de um botão, sem a necessidade de inserir nome completo, endereço, detalhes do cartão e outras informações de pagamento.

O checkout com um clique funciona armazenando com segurança os detalhes do cliente durante o registro inicial. Quando o cliente fizer login novamente, ele poderá concluir suas compras sem a necessidade de inserir todas as suas informações novamente, melhorando e agilizando a experiência de checkout.

Como Criar um Formulário de Checkout com Um Clique no WordPress

A Amazon foi um dos primeiros sites a começar a usar o checkout com um clique, mas agora é um recurso comum em sites de comércio eletrônico.

Vários processadores de pagamento, incluindo o Stripe, agora oferecem um recurso de checkout com um clique. Isso significa que o cliente pode usar o checkout com um clique em qualquer loja online que use esse processador de pagamento, em vez de criar uma conta de usuário e inserir os detalhes de pagamento em todos os sites em que compra.

Continue lendo para um guia simples passo a passo para configurar o checkout com um clique com WPForms e Stripe.

Passo 1: Instalar o WPForms

A página inicial do WPForms

WPForms é o melhor plugin de criação de formulários sem código para WordPress. Todas as versões do plugin incluem funcionalidade de pagamento Stripe para que você possa criar facilmente formulários de pagamento, formulários de aprovação de despesas e muito mais.

Existem até mais de 2.100 modelos de formulários que vêm com o WPForms, incluindo vários formulários de pagamento e checkout. Neste tutorial, usaremos um formulário de pedido Stripe, que você pode personalizar para atender ao checkout de sua loja online.

Para começar, instale o plugin navegando até Plugins » Adicionar Novo no seu painel do WordPress.

Adicionar novo plugin

Digite “WPForms” na barra de pesquisa para encontrar o plugin WPForms e clique no botão Instalar Agora.

Instalando WPForms Lite

Aguarde alguns momentos para o plugin ser instalado e clique no botão Ativar.

Ativar WPForms Lite

Uma vez que o plugin esteja ativo, você estará pronto para configurar pagamentos e criar seu formulário de checkout.

Etapa 2: Conecte Sua Conta Stripe ao WPForms

O WPForms vem com vários modelos gratuitos de formulários de pedido e pagamento, mas você precisará configurar um gateway de pagamento para usá-los. Gateways de pagamento permitem que você colete com segurança os detalhes de pagamento do cliente e autorize pagamentos com cartão em troca de uma pequena taxa de transação.

O WPForms integra a API de vários gateways de pagamento, como Paypal, Square e Authorize.net. Mas se você procura a opção mais acessível que oferece checkout com um clique, pode usar o Stripe, integrado ao WPForms Lite. Não há cobranças adicionais pelo uso do Stripe para aceitar pagamentos; você pagará apenas uma taxa de 3% por transação, mais as taxas do Stripe.

Você pode conectar o WPForms à sua conta Stripe navegando para WPForms » Configurações e clicando na aba Pagamentos .

Aba de pagamentos do WPForms

Nesta tela, você pode alterar a moeda para aceitar pagamentos na seleção suspensa.

Moeda de pagamento

Role um pouco mais para baixo na página e clique no botão Conectar com Stripe.

Conectar com Stripe

Isso o levará ao assistente de conexão do Stripe, onde você pode se conectar à sua conta existente ou configurar uma nova conta.

Configuração do Stripe WPForms

Após concluir o assistente de conexão, você retornará ao seu painel do WordPress, onde deverá ver a confirmação de que o WPForms agora está conectado à sua conta Stripe.

Status da conexão Stripe ativo

Agora você está pronto para aceitar pagamentos em seu site. Tudo o que você precisa fazer é criar seu formulário de checkout.

Etapa 3: Crie um Formulário de Checkout

Navegue até WPForms » Adicionar Novo para procurar os modelos de formulário.

Adicionar novo formulário

Digite um nome para o seu formulário no topo do seu construtor. Você pode chamá-lo de "Checkout" ou qualquer nome descritivo que atenda às suas necessidades.

Digite o nome do seu formulário WPForms

Para este tutorial, usaremos o Modelo de Formulário de Pagamento Stripe. Este é um formulário de pagamento simples que você pode personalizar para atender às suas necessidades.

Digite "Stripe" no campo de pesquisa à esquerda do navegador de modelos e role para baixo até "Formulário de Pagamento Stripe". Clique no botão Usar Modelo.

Formulário de pagamento Stripe

Isso o levará ao construtor de formulários de arrastar e soltar. Aqui você pode personalizar o formulário para atender à sua loja online.

Por exemplo, o modelo inclui um campo de botão de rádio de múltipla escolha que permite ao usuário escolher um único produto, mas você pode querer alterá-lo para um campo de pagamento com caixa de seleção para que eles possam pedir vários itens.

Editando formulário de checkout

Para adicionar campos de formulário adicionais, arraste e solte-os do painel Adicionar Campos à esquerda. No entanto, tente evitar adicionar campos desnecessários, pois isso aumentará o tempo que o usuário leva para finalizar a compra, reduzindo a eficácia do recurso de um clique.

O Stripe já fornece campos para informações do cliente, como endereço de entrega e endereço de cobrança, número de telefone e número do cartão de crédito, portanto, você não precisa adicioná-los ao seu formulário.

Para editar o texto do seu formulário, clique no campo de entrada e altere o rótulo ou o texto do espaço reservado no painel Opções de Campo.

Não se esqueça de ajustar o preço e o nome dos itens para que correspondam aos seus produtos. Veja nosso guia completo sobre personalização das opções de campo se precisar de mais ajuda com isso.

Etapa 4: Ative o Link Stripe

Para permitir que os usuários concluam o checkout em um clique, você precisará ativar o Stripe Link. Esta é a solução de checkout com um clique do Stripe que armazena com segurança os detalhes do cliente e permite que eles os reutilizem em qualquer site que suporte Link.

Após o registro com o Link, o cliente receberá um código de uso único para autenticação. Após a inserção, os detalhes de pagamento serão preenchidos automaticamente no formulário de checkout, então tudo o que ele precisa fazer é enviar o formulário para efetuar o pagamento.

Completar o checkout com o Stripe Link leva apenas 6 segundos e pode aumentar as taxas de conversão em mais de 7%.

Para garantir que o Link esteja ativado, vá para Configurações de Pagamento nas configurações da sua conta Stripe e escolha "WPForms LLC" no menu suspenso Selecione Sua Plataforma.

Selecione WPForms LLC como plataforma de pagamento

Isso exibirá os métodos e configurações de pagamento para o WPForms. Role para baixo até a seção Carteiras e certifique-se de que o Link esteja definido como Ativado.

Defina o Stripe Link como Ativado

Assim que o Link estiver ativo para sua conta Stripe, você pode voltar ao WordPress para finalizar a configuração do seu formulário de checkout.

É uma boa ideia testar seu formulário e a configuração de pagamento Stripe antes de publicá-lo. Siga nosso guia sobre como ativar o modo de teste do Stripe no WordPress para obter instruções detalhadas sobre como fazer isso.

Enquanto você estiver no modo de teste, poderá experimentar o quão fácil é completar o checkout com um clique você mesmo:

Checkout com Stripe Link

Etapa 5: Publique Seu Formulário de Checkout

Agora é hora de colocar seu formulário de checkout no ar para que você possa começar a ganhar dinheiro! Clique no botão Incorporar no topo do construtor de formulários.

Incorpore seu formulário com o botão de incorporação

Um pop-up aparecerá perguntando se você deseja incorporar seu formulário em uma página existente ou criar uma nova página. Você pode clicar no botão Criar Nova Página para criar uma página de checkout separada para sua loja online.

incorporar formulário em nova página

Digite um nome adequado para sua página e clique em Vamos Lá! para criar a página.

Criar página de checkout

Agora, tudo o que você precisa fazer é clicar no botão Publicar no canto superior direito para publicar a página de checkout.

Publicando seu formulário de pagamento

Seu formulário de pagamento está pronto e seus clientes podem completar o processo de checkout e a validação do cartão com um clique!

Em seguida, Saiba Como Aceitar Pagamentos Recorrentes

Para economizar ainda mais tempo dos seus clientes, aprenda como ativar pagamentos recorrentes no Stripe para oferecer assinaturas. Você também pode ler sobre algumas das reclamações mais comuns de clientes sobre formulários de pagamento para ajudar a melhorar os formulários do seu site.

Crie Seu Formulário de Checkout WordPress Agora

Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor 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.

Rachel Adnyana

Rachel escreve sobre WordPress há uma década e constrói sites há muito mais tempo. Além do desenvolvimento web, ela é fascinada pela arte e ciência de SEO e marketing digital. 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.

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.