X

Como Aceitar Pagamentos Stripe no WordPress (Passo a Passo)

aceitar pagamento com stripe

Você quer aceitar pagamentos com Stripe no seu site WordPress?

Embora existam vários gateways de pagamento, o Stripe se destaca pela sua simplicidade e recursos amigáveis para desenvolvedores.

Neste artigo, mostraremos como aceitar pagamentos com Stripe no seu site WordPress.

Aceitando Pagamentos com Stripe no WordPress

Para poder instalar o Stripe, seu site precisa ter uma criptografia SSL/HTTPS. Isso garante que os detalhes de pagamento que seus clientes compartilharão em seu site estejam seguros.

Se você ainda não tem SSL/HTTPS, veja como obtê-lo gratuitamente em poucos minutos.

Veja como preparar seu site para aceitar pagamentos com Stripe usando dois métodos diferentes:

  • WPForms – Melhor Construtor de Formulários com Integração Stripe
  • WP Simple Pay – Principal Plugin de Pagamentos Stripe

Vamos começar.

Método 1: Aceitando Pagamentos com Stripe com WPForms

página inicial do wpforms

WPForms é conhecido como o melhor plugin construtor de formulários do mercado. Mas, também é um dos melhores plugins de pagamento para WordPress.

Ele vem com um construtor de formulários de arrastar e soltar fácil de usar que permite criar qualquer tipo de formulário online, incluindo formulários de pagamento para aceitar pagamentos com cartão de crédito de seus clientes usando Stripe, PayPal, Square ou Authorize.net. 

O WPForms também oferece modelos de formulário pré-construídos, lógica condicional inteligente, upload de arquivos, formulários de várias páginas, notificações instantâneas de formulário e muito mais. 

Veja como criar um formulário de pagamento Stripe com WPForms.

Etapa 1: Instalando o WPForms

O primeiro passo é instalar e ativar o plugin WPForms em seu site.

Para referência, veja como instalar um plugin em seu site WordPress.

Passo 2: Instalando o Addon WPForms Stripe

Em seguida, ative o addon WPForms Stripe acessando o painel do seu site e clicando em WPForms » Addons.

Agora, usando o campo de busca, procure pelo addon Stripe. Uma vez encontrado, clique no botão Instalar Addon.

Addons Stripe do WPForms, aceitando pagamentos com Stripe

Passo 3: Preparando o WPForms para Aceitar Pagamentos Stripe

Assim que o addon for instalado, você pode prosseguir para a página Configurações navegando para WPForms » Configurações » Pagamentos.

configurações do Stripe

Agora clique no botão Conectar com Stripe. Na próxima etapa, você precisa autorizar a conexão entre seus formulários e o Stripe.

Se você já tem uma conta Stripe, pode usar o botão no canto superior direito para fazer login.

Faça login no Stripe

Se você não tem uma conta Stripe, pode criá-la simplesmente usando as opções abaixo.

tripe Conecte-se com WPForms

Assim que você concordar com os requisitos, será redirecionado de volta para sua área de administração do WordPress.

Passo 4: Criar um Formulário de Pagamento com Stripe

Agora que você configurou o addon Stripe com o WPForms, vamos começar a criar seu formulário de pagamento Stripe. Para isso, primeiro você precisa criar um formulário. Veja como você pode criar seu formulário.

Você também pode editar um existente e integrá-lo com a opção Stripe.

Ao criar seu formulário, certifique-se de adicionar o campo Cartão de Crédito Stripe ao seu formulário na seção Campos de Pagamento.

Campo Stripe do WPForms

Assim que você adicionar todos os campos desejados ao seu formulário, vá para Pagamentos » Stripe. Agora, no painel Stripe, selecione a opção Ativar Pagamentos Stripe.

Habilitar Pagamentos Stripe no WPForms

Agora, em Recibo de Pagamento Stripe, clique no menu suspenso e selecione Email. É para onde o recibo de pagamento do seu cliente será enviado.

Addon Stripe WPForms

Se você deseja configurar um pagamento recorrente ou por assinatura, você também precisará selecionar a opção Habilitar pagamentos de assinatura recorrente em Assinaturas.

Pagamentos Recorrentes Stripe

Configure suas opções de pagamento recorrente e salve seu formulário.

Campo de pagamentos recorrentes, wpforms

Etapa 5: Publicando seu Formulário

WPForms é um plugin de formulário compatível com Gutenberg, então você pode adicionar rapidamente um formulário de pagamento à sua postagem ou página usando um bloco.

No editor da sua postagem, adicione um novo bloco WPForms clicando no ícone + (mais) no canto superior esquerdo.

adicionar formulário de contato ao gutenberg wordpress

Agora, você terá algumas opções de menu diferentes. Pesquise por WPForms para localizar o bloco e clique nele.

Agora você verá o bloco WPForms na tela do editor. Em seguida, selecione o formulário que você deseja no menu suspenso Selecionar um Formulário.

Escolha um formulário para exibir no bloco Gutenberg do WordPress

Agora, você pode ver o formulário completo no seu editor. Quando terminar, publique ou atualize seu artigo.

Se você ainda estiver usando o editor clássico legado, poderá publicar o formulário clicando no botão Adicionar Formulário acima da sua barra de ferramentas.

Adicionar Formulário a uma Postagem

Clicar nele acionará um pop-up. Selecione o formulário de pagamento que você criou no menu suspenso. Em seguida, clique em Adicionar Formulário.

Agora você verá que um shortcode foi adicionado ao editor da sua postagem. Você pode prosseguir e publicar seu artigo.

Seu formulário de pagamento ativo ficará parecido com isto:

formulário de pagamento stripe wpforms

Agora seu site está pronto para coletar pagamentos Stripe com WPForms.

Método 2: Aceitando Pagamentos Stripe com WP Simple Pay

wp simple pay

WP Simple Pay é o plugin de pagamentos Stripe mais popular para WordPress. Você pode facilmente aceitar pagamentos únicos ou recorrentes em seu site WordPress sem configurar um carrinho de compras. 

O construtor de formulários de pagamento com arrastar e soltar é fácil de usar e não requer codificação. Você pode adicionar campos personalizados para coletar a quantidade de informações que precisar. 

O WP Simple Pay também vem com recursos como códigos de cupom, valores personalizados, suporte multilíngue e multimoeda, e muito mais. 

Se você quiser saber mais, confira nossa análise completa do WP Simple Pay!

Veja como criar um formulário de pagamento Stripe com o WP Simple Pay. 

Etapa 1: Instalando o WP Simple Pay

Primeiro, visite o site do WP Simple Pay para comprar e baixar o plugin. 

Em seguida, instale e ative o plugin em seu site WordPress. Se precisar de ajuda, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress

Assim que o plugin for ativado, você precisará ir para WP Simple Pay » Configurações no seu painel do WordPress e inserir sua chave de licença. 

ativar chave de licença para wp simple pay

Você pode encontrar sua chave de licença no e-mail de recibo ou na área da sua conta WP Simple Pay. 

Após digitar ou colar sua chave de licença, clique no botão Ativar.

Etapa 2: Conectando o WP Simple Pay ao Stripe

Em seguida, você será solicitado a conectar o plugin WP Simple Pay à sua conta Stripe.

conectar wp simple pay com stripe

Clique no botão Conectar com Stripe e você será redirecionado para o Stripe.com, onde poderá fazer login em sua conta existente ou criar uma nova.

fazer login no Stripe

Após digitar seus detalhes de login, clique no botão Conectar.

selecione sua conta Stripe e clique em conectar

Você será então levado de volta ao plugin WP Simple Pay. Observe que sua conta Stripe está conectada em Modo de Teste. Recomendamos fortemente permanecer no Modo de Teste até que você termine de configurar seu formulário de pagamento.

ativar modo de teste para wp simple pay

Agora é hora de começar a criar seu primeiro formulário de pagamento...

Etapa 3: Crie um Formulário de Pagamento Stripe

Para criar um formulário de pagamento Stripe, clique no botão Criar Seu Formulário de Pagamento. Alternativamente, você pode ir para WP Simple Pay » Adicionar Novo no seu Painel do WordPress.

crie seu primeiro formulário de pagamento

Após clicar no botão, você será levado ao construtor de formulários onde poderá começar a construir seu formulário de pagamento.

Primeiro, na aba Geral, você pode dar um título e descrição ao seu formulário de pagamento.

comece a criar seu formulário escolhendo as configurações gerais

Diretamente abaixo do título e descrição, selecione o Tipo de Formulário que você deseja. Você tem três opções para escolher: 

  • Embutido – Embuta um formulário de pagamento diretamente no seu site WordPress.
  • Overlay – Crie um formulário de sobreposição, semelhante a um popup.
  • Checkout Stripe – Use um fluxo de pagamento fora do site que é otimizado para conversões.

Para este tutorial, criaremos um formulário embutido para manter os usuários no site durante todo o processo de pagamento. 

Na mesma página, você também pode definir sua Página de Sucesso de Pagamento e habilitar o reCAPTCHA Anti-Spam. 

Em seguida, clique na aba Pagamento e role para baixo até a seção Opções de Preço.

defina as opções de preço para o seu formulário de pagamento Stripe

Aqui, você pode adicionar um Rótulo de exibição opcional a ser usado como descrição do item pelo Stripe. Em Valor, você pode definir o preço e a moeda. 

Você também pode escolher entre pagamento Único e pagamento de Assinatura. Pagamentos de assinatura estão disponíveis apenas com a licença Plus ou superior, então para este tutorial, escolheremos a opção de pagamento Único.

Em seguida, clique na aba Campos do Formulário para personalizar seu formulário. Como você pode ver, quatro campos são adicionados automaticamente, incluindo endereço de e-mail, opções de preço (se você tiver mais de um preço), método de pagamento e botão de checkout.

adicione campos ao seu formulário de pagamento Stripe

Você pode adicionar campos adicionais ao seu formulário clicando no menu suspenso Escolha um campo. Existem campos como nome do cliente, número de telefone, cupom e muito mais. Selecione os campos que desejar e clique no botão Adicionar Campo para adicioná-los ao seu formulário. 

Você também pode reorganizar a ordem dos seus campos arrastando e soltando-os no lugar, bem como configurar as configurações individuais de cada campo clicando neles. 

Certifique-se de clicar no botão Atualizar para salvar suas alterações.

clique em atualizar para salvar suas alterações

Você também pode clicar no botão Visualizar para ver como seu formulário fica, ele deve parecer algo assim:

exemplo de formulário de pagamento stripe wp simple pay

Se você estiver satisfeito com seu formulário, é hora de adicioná-lo ao seu site.

Etapa 4: Publicando Seu Formulário

Para adicionar seu formulário de pagamento ao seu site, certifique-se de que ele esteja publicado e copie o Shortcode do Formulário, que se parece com isto: [[simpay id=”90”]]

copiar shortcode do formulário

Em seguida, crie uma nova página ou post do WordPress, ou edite um existente. Em seguida, cole o shortcode no editor do WordPress. Isso adicionará automaticamente o widget Shortcode à sua página.

adicionar widget de shortcode a página ou post

Agora você pode clicar no botão Visualizar ou Publicar/Atualizar a página para ver como seu formulário de pagamento aparece em seu site.

Etapa 5: Realizando um Pagamento de Teste

Como mencionamos anteriormente, é melhor manter seu formulário de pagamento no Modo de Teste até que você saiba que ele está funcionando corretamente. 

Então, vamos visualizar seu formulário agora e fazer um pagamento de teste. Preencha os campos do formulário, incluindo um número de cartão de teste, que a Stripe fornece em seu site.

teste seu formulário de pagamento stripe

Após enviar o formulário, a Stripe processará o pagamento e você deverá ver uma página de confirmação como a abaixo:

confirmação de pagamento

Agora que você sabe que seu formulário de pagamento está funcionando, você pode desativar o modo de teste acessando WP Simple Pay » Configurações no painel do WordPress. Na aba Stripe, escolha a opção Desativado em Modo de Teste.

desativar modo de teste

Em seguida, clique em Salvar Alterações

Agora você está pronto para começar a aceitar pagamentos com Stripe em seu site WordPress!

É isso. Esperamos que você tenha gostado deste guia sobre como aceitar pagamentos com Stripe. Você também pode conferir os melhores plugins de pagamento Stripe para o seu site WordPress.

Perguntas frequentes sobre pagamentos com Stripe para WordPress

O Stripe é gratuito ou pago?

O Stripe é gratuito para se inscrever. Assim que você começar a receber pagamentos, incorrerá em taxas de transação em um modelo de precificação pague conforme o uso. Não há taxas de configuração, taxas mensais ou taxas ocultas.

Posso usar o Stripe no WooCommerce?

Sim, você pode habilitar os pagamentos com Stripe nas configurações do plugin WooCommerce. Dentro da guia Configurações » Pagamentos, você pode habilitar qualquer método de pagamento e, em seguida, usar o botão Configurar para personalizá-lo.

woocommerce-payment-page

Qual é melhor, Stripe ou PayPal para WordPress?

O PayPal é mais adequado para indivíduos e pequenas empresas que estão apenas começando. O Stripe é um gateway de pagamento mais avançado que permite que seus clientes paguem usando o método de preferência deles. Ele também vem com recursos de gerenciamento de pagamentos, tornando-o mais adequado para empresas de todos os tamanhos.

Em seguida, você pode conferir nosso guia sobre como adicionar pagamentos Square no WordPress.

Comentários   Deixe uma Resposta

Adicionar um comentário

Ficamos felizes que você escolheu 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.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!