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 on-line de hoje esperam conveniência e rapidez das lojas on-line. Permitir que seus clientes salvem seus detalhes de pagamento para que possam finalizar a compra com um único clique economizará tempo, ajudará a reduzir o abandono do carrinho de compras e reduzirá os erros de checkout.

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

Crie seu formulário de checkout do WordPress agora

O que é Check-out com um clique?

O checkout com um clique é uma maneira conveniente de os clientes comprarem itens on-line 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 os detalhes de um cliente com segurança durante seu registro inicial. Ao fazer o login novamente, o cliente pode finalizar suas compras sem a necessidade de inserir todos os seus dados 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 dos sites de comércio eletrônico.

Vários processadores de pagamento, incluindo 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 detalhes de pagamento em todos os sites em que compra.

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

Passo 1: Instale o WPForms

WPForms é o melhor plugin construtor de formulários sem código para WordPress. Todas as versões do plug-in incluem a funcionalidade de pagamento Stripe para que você possa criar facilmente formulários de pagamento sem o incômodo e as despesas de uma plataforma de comércio eletrônico completa.

Existem até mais de 800 modelos de formulário que acompanham 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 se adequar ao checkout da sua loja online.

Para começar, instale o plug-in navegando até Plug-ins »Adicionar novo no painel do WordPress.

Digite “WPForms” na barra de pesquisa para encontrar o plug-in WPForms e clique no botão Instalar agora .

Aguarde alguns instantes para que o plug-in seja instalado e clique no botão Ativar .

Depois que o plug-in estiver ativo, você estará pronto para configurar pagamentos e criar seu formulário de checkout.

Passo 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. Os gateways de pagamento permitem que você colete com segurança 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ê está procurando a opção mais acessível que oferece checkout com um clique, pode usar o Stripe, integrado ao WPForms Lite. Não há custos adicionais para usar o Stripe para receber pagamentos; você pagará apenas uma taxa de 3% por transação, mais as taxas do Stripe.

Você pode conectar WPForms à sua conta Stripe navegando até WPForms »Configurações e clicando na guia Pagamentos .

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

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

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

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

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

Etapa 3: criar um formulário de checkout

Navegue até WPForms »Adicionar novo para navegar pelos modelos de formulário.

Insira um nome para o seu formulário na parte superior do seu construtor. Você pode chamá-lo de “Checkout” ou qualquer coisa descritiva que atenda aos seus propósitos.

Para este tutorial, usaremos o Stripe Payment Form Template. 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é “Stripe Payment Form”. Clique no botão Usar modelo .

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

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

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 em 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. Consulte nosso guia completo sobre como personalizar as opções de campo se precisar de mais ajuda com isso.

Passo 4: Ative o Stripe Link

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

Depois de se registrar no Link, o cliente receberá uma senha única para autenticação. Depois de inseridos, os detalhes de pagamento serão preenchidos previamente no formulário de checkout, portanto, tudo o que eles precisam fazer é enviar o formulário para efetuar o pagamento.

Concluir o checkout com 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 .

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

Depois que o Link estiver ativo para sua conta Stripe, você poderá voltar ao WordPress para concluir a configuração do formulário de checkout.

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

Enquanto estiver no modo de teste, você pode experimentar como é fácil concluir a compra com um clique:

Etapa 5: publique seu formulário de checkout

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

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.

Digite um nome adequado para sua página e clique em Let's Go! para criar a página.

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

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

A seguir, aprenda como aceitar pagamentos recorrentes

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

Crie seu formulário de checkout do WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plugin construtor de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

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