Quando se trata de escolher um gateway de pagamento para usar no seu site WordPress, há dois populares que costumam vir à mente, PayPal e Stripe. Anos atrás, o PayPal era uma das únicas soluções fáceis para sites de comércio eletrônico, mas não é mais esse o caso. Stripe oferece taxas de transação mais baixas e é muito popular na comunidade de desenvolvedores por sua API flexível. Hoje vamos mergulhar em 4 formas simples de configurar a Stripe para WordPress, sem necessidade de codificação. Para empresas em fase de arranque, negócios e para quem gere lojas WooCommerce e EDD, a Stripe pode ser uma excelente solução acessível.

Usando o Square em vez disso? Confira o nosso blog de comparação aprofundada: Stripe vs Square.

O que é Stripe?

O Stripe é um gateway de pagamentos em rápido crescimento que é capaz de lidar com pagamentos recorrentes e pode processar reembolsos automaticamente. É confiável e usado por grandes marcas em todo o mundo, algumas das quais incluem Best Buy, Target, Lyft, Docker, HubSpot, Facebook, Shopify e IndieGoGo. Nós os usamos aqui na Kinsta para aceitar pagamentos para todos os nossos clientes de hospedagem web.

stripe

Stripe foi fundada em 2010 por dois irmãos, John e Patrick Collison. Foi lançado publicamente em 2011 e já recebeu várias rodadas de financiamento. Chegou mesmo a ocupar a 4ª posição na lista da Forbes Cloud 100 em 2016. Existem muitas portas de pagamento à escolha, mas o foco da Stripe na simplicidade juntamente com a sua popular Stripe API é o que os distinguiu dos concorrentes. Sua estrutura de taxas é muito mais fácil de entender, pois para aqueles que fazem menos de US$ 1 milhão por ano, é uma taxa fixa de 2,9% + 30¢. Eles também permitem que você cobre cartões de crédito do seu próprio site gratuitamente, enquanto o PayPal cobra $30/mês mais as suas taxas de transação. A Stripe também não tem nenhuma taxa para reembolsos ou cartões de autorização. O PayPal, no entanto, fica mais barato com um maior volume de transações.

Stripe também tem um produto de aprendizagem de máquinas chamado Radar para reduzir o número de transações fraudulentas. Para mais detalhes, consulte o nosso guia detalhado: Como to Prevent and Reduce Credit Card Fraud by 98% Using Stripe Radar

Preparar a Stripe para WordPress

Stripe não tem tecnicamente um plugin WordPress oficial ou integração, mas graças à fantástica comunidade WordPress que utilizou a sua API, existem agora muitas opções fantásticas para facilmente colocar Stripe no seu site. Abaixo entraremos na configuração Stripe for WordPress em um site básico, com um plugin de formulário e campos personalizados, assim como plataformas de comércio eletrônico como WooCommerce e Downloads Digitais Fáceis. É importante notar que o SSL é necessário em suas páginas de checkout de Stripes para comunicar dados de pagamento com segurança. Muitos hosts, até mesmo Kinsta, agora oferecem certificados SSL gratuitos com Let’s Encrypt. Mas tenha cuidado, você pode prejudicar seu site se não migrar corretamente, por isso não deixe de conferir nosso guia de migração HTTP detalhado para HTTPS.

Todos estes tutoriais assumem que você tem uma conta de Stripe. Se não o fizer, pode inscrever-se para uma conta Stripe grátis.

Como Configurar a Stripe no site WordPress Básico

A primeira forma de configurar a Stripe para WordPress é num site básico. Talvez você não tenha nenhuma configuração de solução de comércio eletrônico e simplesmente tenha um produto que você queira vender em uma página. Esta pode ser uma ótima maneira de aceitar pagamentos (e até mesmo doações) para um ebook ou download digital sem nenhum custo adicional no seu site. Para isso, recomendamos o plugin gratuito WP Simple Pay Lite for Stripe, no qual você pode ir em apenas 4 passos simples. Eles também têm uma versão profissional do plugin, que permite pagamentos recorrentes e uma infinidade de outras funcionalidades, mas se você precisar de algo simples e rápido, você pode obter por bem com a versão gratuita. Tem atualmente mais de 10.000 instalações ativas com uma classificação de 4,6 das 5 estrelas.

WP Simple Pay Lite para plugin Stripe WordPress
WP Simple Pay Lite para plugin Stripe WordPress

Passo 1

Baixe e instale o plugin WP Simple Pay Lite para Stripe a partir do repositório WordPress ou procurando por ele dentro do seu painel de controle do WordPress em “Add New” plugins.

Instalar o plugin WP Simple Pay Lite
Instalar o plugin WP Simple Pay Lite

Passo 2

A primeira coisa que você precisará fazer é clicar nas configurações do plugin e inserir suas chaves Stripe API, que você pode pegar no painel de controle da sua conta Stripe. Depois clique em “Guardar alterações”. Você vai notar que há um interruptor de ligar e desligar. Você pode mantê-lo desligado até ter tudo configurado.

Teclas API WP Simple Pay Lite
Teclas API WP Simple Pay Lite

Passo 3

Clique no separador “Default” settings (Predefinições). É lá que você pode dar um nome ao seu site, definir a moeda, fornecer uma imagem, etc. Uma configuração importante é o redirecionamento de URL de sucesso. Se você estiver acompanhando as conversões com uma página de agradecimento, então você vai querer habilitar isso. Veja o nosso guia de acompanhamento detalhado de conversões. Em seguida, role para baixo e clique em “Salvar mudanças”.

Definições de WP Simple Play Stripe
Definições de WP Simple Play Stripe

Passo 4

Você pode então inserir um botão de pagamento em qualquer página ou postar no seu site WordPress com um simples atalho. Lembre-se que você pode alterar o texto no botão de pagamento nas configurações do plugin. Aqui está um exemplo de um código de atalho que pode colar na sua página ou postar:

[stripe name="My Store" description="My Product" amount="1999"]
wp simple pay pgo
WP Simple Pay pago

Veja todos os atalhos do WP Simple Pay. E é isso! Adicionar Stripes ao seu site WordPress não poderia ser mais fácil. Certifique-se de mudar o Modo Live para “Ligado” se ainda não o fez nas definições. Você também pode aproveitar o plugin gratuito que adiciona um botão em seu editor WordPress para adicionar mais facilmente botões de pagamento. Não há necessidade de agarrar nenhum atalho.

Botão de atalho de Stripe
Botão de atalho de Stripe

Como Configurar Stripe com os Gravity Forms

Uma segunda configuração comum ao usar Stripe para WordPress é usá-lo junto com um plugin de formulário. A razão pela qual você pode querer fazer isso é que isso lhe dá mais flexibilidade com a possibilidade de adicionar seus próprios campos personalizados no processo de checkout. Muitos dos plugins de formulários populares têm integrações e extensões fáceis de Stripe, tais como Formulários de Gravidade, Formulários Ninja e Formulários WP. A integração da Stripe é tipicamente um add-on premium. No nosso exemplo, vamos usar o plugin Gravity Forms.

gravity formsPasso 1

Baixe e instale o plug-in Gravity Forms juntamente com seu add-on de extensão Stripe. Isto requer uma licença de desenvolvedor.

Passo 2

A primeira coisa que você precisará fazer é clicar nas configurações do plugin e inserir suas chaves Stripe API, que você pode pegar no painel de controle da sua conta Stripe. Depois clique em “Guardar alterações”. Você notará que há um modo ao vivo e um modo de teste. Você pode mantê-lo no modo Teste até ter tudo configurado corretamente.

Gravity Forms Configurações de Stripes
Gravity Forms Configurações de Stripes

Passo 3

Role para baixo e você precisará configurar os ganchos da Web. Os Formulários de Gravidade requerem um URL a ser adicionado à lista de bloqueios da sua conta de Stripe para que tudo funcione corretamente.

  • Clique no seguinte link e faça login para acessar sua página de gerenciamento de ganchos de Stripes:
    https://dashboard.stripe.com/account/webhooks
  • Clique no botão “Adicionar Endpoint” acima da lista de URLs do Gancho da Web.
  • Introduza o seguinte URL no campo “URL”: https://yourdomain.com/?callback=gravityformsstripe
  • Selecione “Live” no menu suspenso “Modo”.
  • Clique no botão “Create Endpoint” (Criar Ponto Final).
Gancho de correia para Gravity Forms
Gancho de correia para Gravity Forms

Em seguida, marque a caixa que diz que você ativou o URL do gancho da web e clique em “Atualizar Configurações”.

Actualização dos ganchos de Stripes
Atualização dos ganchos de Stripes

Passo 4

Agora é hora de preparar o seu formulário. Se você ainda não tem um, você precisará criar um novo formulário.

Criar um novo formulário em Gravity Forms
Criar um novo formulário em Gravity Forms

Passo 5

No formulário, você pode configurá-lo para aceitar os dados que quiser. Você pode até ter um campo obrigatório para uma mensagem. Como você pode ver, isso oferece muito mais personalização do que o plugin Simple Pay que passamos acima. Basta garantir que você tem o campo do cartão de crédito e o preço. Tudo é arrastar e largar em Gravity Forms, por isso é rápido e fácil de criar isto.

Formulário de faturamento
Formulário de faturamento

Passo 6

Depois de criar o seu formulário, você precisa prendê-lo ao Stripe com um feed. Clique nas configurações do próprio formulário e em “Stripe”. Você pode definir o tipo de transação e o montante de pagamento. Depois clique em “Update Settings” (Atualizar Configurações).

Alimentação do formulário de faturamento
Alimentação do formulário de faturamento

Passo 7

Então você pode inserir seu formulário em uma página ou postar. No editor WordPress Gravity Forms tem um botão chamado “Add Form” (Adicionar Formulário). Selecione o formulário que você criou e clique em “Inserir formulário”.

Inserir formulário
Inserir formulário

E é só isso. O seu formulário é agora um formulário totalmente funcional que está integrado com Stripe e capaz de capturar pagamentos.

Cartões de Crédito em Gravity Forms
Cartões de Crédito em Gravity Forms

Como Configurar Stripe no WooCommerce

Uma terceira configuração comum ao usar Stripe para WordPress é usá-lo com o WooCommerce. Com mais de 3 milhões de instalações ativas, uma classificação de 4,6 utilizadores no WordPress.org, o WooCommerce é uma das soluções de comércio eletrônico gratuito mais populares para WordPress. Em Dezembro de 2019, o WooCommerce tinha mais de 7% de todas as lojas online.

woocommerce

E a grande notícia é que a partir de fevereiro de 2016, Stripe está livre para usar com o WooCommerce! Anteriormente você tinha que comprar o Stripe payment gateway diretamente do WooCommerce, que começou em $79 por uma única licença de site. Isto diminui significativamente a barreira de entrada para quem quer lançar uma loja WooCommerce e aceitar cartões de crédito com Stripe. Este tutorial abaixo assume que você já tem o WooCommerce em funcionamento. Se não o fizer, veja o nosso tutorial detalhado de WooCommerce.

Passo 1

A primeira coisa que você precisa fazer é instalar o plugin gratuito do WooCommerce Stripe Payment Gateway. Tem atualmente mais de 300.000 instalações ativas com uma classificação de 4,7 das 5 estrelas.

Plugin do WooCommerce Stripe Payment Gateway
Plugin do WooCommerce Stripe Payment Gateway

Você pode baixar o plugin do repositório WordPress ou procurando por ele dentro do seu painel de controle do WordPress em “Add New” plugins.

Passo 2

Em seguida, clique nas configurações do WooCommerce no painel e clique na guia “Checkout”. Você vai querer ativar a Stripe e inserir suas chaves Stripe API, que você pode pegar no painel de controle da sua conta Stripe. Você também pode escolher se deseja ou não ativar o “Stripe Checkout”. O checkout com Stripes mostra um botão de pagamento e um formulário de cartão de crédito modal no checkout em vez dos campos clássicos do cartão de crédito. Em seguida, role para baixo e clique em “Salvar mudanças”.

WooCommerce Definições de Stripes
WooCommerce Definições de Stripes

Passo 3

Depois, sob o separador “Checkout”, clique em “Opções de Checkout”. Vai querer ativar “Forçar checkout seguro”. Lembre-se que Stripe requer SSL para aceitar cartões de crédito com segurança no seu site WordPress. Em seguida, role para baixo e clique em “Salvar mudanças”.

WooCommerce força de segurança checkout
WooCommerce força de segurança checkout

E é só isso. As suas páginas de checkout devem agora poder aceitar cartões de crédito com Stripe. Aqui estão alguns exemplos.

Caixa de Stripes Padrão do WooCommerce

Esta é a aparência padrão da Stripe numa página de checkout do WooCommerce com campos de cartão de crédito em linha na página.

Checkout do cartão de crédito no WooCommerce
Checkout do cartão de crédito no WooCommerce

WooCommerce com Opção de Caixa de Stripes Ativado

Este é o visual se você habilitar a opção “Stripe Checkout” nas configurações. O cliente clica em “Continuar a pagar” e recebe o modal Stripe.

Caixa de Stripes no WooCommerce
Caixa de Stripes no WooCommerce

Como Configurar Stripe no Easy Digital Downloads

Uma quarta configuração comum ao usar Stripe para WordPress é usá-la com o Easy Digital Downloads. Tal como o WooCommerce, o Easy Digital Downloads é uma solução popular de comércio eletrônico gratuito para WordPress. É usado principalmente para vender produtos digitais, no entanto, há também uma extensão para adaptá-lo para produtos físicos. Tornou-se realmente uma alternativa ao WooCommerce agora. Tem atualmente mais de 50.000 instalações ativas com 4,8 na classificação de 5 estrelas. Este tutorial abaixo assume que você já tem o EDD em funcionamento. Se não o fizer, consulte a documentação do Easy Digital Downloads.

easy digital downloads

A única queda para a integração Easy Digital Downloads Stripe é que ela requer a extensão premium, que começa em $89,00 para uma licença de um único site. No entanto, isso pode valer a pena para si se preferir o EDD e quiser usar o Stripe.

Passo 1

Baixe, instale e ative a extensão do Stripe gateway de pagamento.

Passo 2

Em Downloads (que é EDD), clique em Settings, e depois em Payment Gateways gab. Nas configurações do Gateway, você vai querer verificar a Stripe para ativá-lo. Depois mude o gateway padrão para Stripe. Você também pode então selecionar os ícones dos cartões de crédito a serem mostrados no checkout. Depois clique em “Guardar alterações”.

Configurações de gateway de pagamento EDD Stripe
Configurações de gateway de pagamento EDD Stripe

Passo 3

Na guia Gateways de pagamento, clique em “Stripe”. Você vai querer inserir suas chaves Stripe API, que você pode pegar no painel da sua conta Stripe. Você também precisa configurar os ganchos da Web.

  • Clique no seguinte link e faça login para acessar sua página de gerenciamento de ganchos de Stripes:
    https://dashboard.stripe.com/account/webhooks
  • Clique no botão “Adicionar Endpoint” acima da lista de URLs do Gancho da Web.
  • Insira o seguinte URL no campo “URL”: https://yourdomain.com/index.php?edd-listener=stripe
  • Selecione “Live” no menu suspenso “Modo”.
  • Clique no botão “Create Endpoint” (Criar Ponto Final).

Há algumas opções adicionais que você pode definir. Você pode escolher se deseja ou não ativar o “Stripe Checkout”. O checkout com Stripes mostra um botão de pagamento e um formulário de cartão de crédito modal no checkout em vez dos campos clássicos do cartão de crédito. Em seguida, role para baixo e clique em “Salvar mudanças”.

Definições de Stripes no EDD
Definições de Stripes no EDD

E é só isso. As suas páginas de checkout devem agora poder aceitar cartões de crédito com Stripe. Aqui estão alguns exemplos.

Checkout de Stripes EDD Predefinido

Esta é a aparência padrão da Stripe em uma página de checkout EDD com campos de cartão de crédito em linha na página.

Checkout de cartão de crédito em EDD
Checkout de cartão de crédito em EDD

Downloads Digitais Fáceis com Opção de Checkout de Stripes Ativada

Este é o visual se você habilitar a opção “Stripe Checkout” nas configurações. O cliente clica em “Continuar a pagar” e recebe o modal Stripe.

Caixa de Stripes em EDD
Caixa de Stripes em EDD

Resumo

Como você pode ver, é bastante simples colocar a Stripe for WordPress em funcionamento. Na verdade, todas as quatro integrações acima demoram apenas alguns minutos. É muito mais fácil do que era há uns anos atrás. Também está ficando mais barato, pois muitas das soluções agora são gratuitas. E não se esqueça que você também pode aceitar doações usando Stripe.

Qual tem sido a sua experiência? Você está usando Stripe no seu site WordPress?

Brian Jackson

Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.