Gostaria de cobrar pagamentos através dos seus formulários WordPress? Com o nosso addon Stripe Pro, pode fornecer uma forma fácil de os utilizadores enviarem pagamentos únicos, ou mesmo pagamentos de subscrições recorrentes, sem saírem do seu site.
Este tutorial irá mostrar-lhe como instalar e configurar o addon Stripe Pro com WPForms.
Requisitos:
- É necessário um nível de licença Pro ou superior para aceder ao suplemento Stripe Pro
- Certifique-se de que instalou a versão mais recente do WPForms para cumprir a versão mínima exigida para o suplemento Stripe Pro
- O Stripe exige que o seu sítio Web tenha o SSL (HTTPS) ativado na página em que está a adicionar um formulário de pagamento em direto, uma vez que isto lhe permite enviar de forma segura os dados do cartão de crédito para o Stripe. Para obter detalhes sobre a configuração, consulte o guia do WPBeginner para adicionar SSL e HTTPS no WordPress
- Os regulamentos para pagamentos on-line podem variar significativamente de acordo com o país. Consulte os requisitos específicos de cada país do Stripe para garantir que os seus formulários de pagamento estão em conformidade com as leis locais
Antes de começar, certifique-se de que instala o WPForms no seu site WordPress e verifica a sua licença. Em seguida, instale e ative o complemento Stripe Pro.
Nota: A taxa de processamento do Stripe começa em 2,9% + 30¢ por cobrança de cartão bem-sucedida, conforme descrito na página de preços do Stripe. Se a sua licença WPForms estiver inativa, uma taxa de processamento adicional de 3% é aplicada pelo WPForms a cada transação.
Ligar o Stripe ao seu site
Quando o complemento Stripe Pro estiver pronto para ser usado, você precisará abrir WPForms " Configurações no menu esquerdo do seu site WordPress. A partir daí, clique no separador Pagamentos.
Se pretender ajustar a moeda utilizada pelo seu sítio, selecione a opção pretendida no menu pendente Moeda antes de continuar.
Quando estiver pronto, desloque-se para baixo até à secção Stripe. Aqui, clique no botão azul Conectar com Stripe.
Nota: Os modos de teste e em tempo real devem ser conectados separadamente. Se estiver a utilizar o Modo de Teste, repita este processo de ligação com a opção Modo de Teste desactivada, de modo a estar pronto para lançar os formulários.
Em seguida, ser-lhe-á pedido que autorize a ligação entre os seus formulários e o Stripe. O conteúdo exato que vê nesta página varia consoante a sua conta Stripe já esteja activada.
Depois de ter seguido todos os passos do assistente Stripe Connect, será redireccionado para a área de administração do seu site. Aqui, deverá ver uma marca de verificação verde junto a Estado da ligação.
Configurar Webhooks do Stripe
O Stripe utiliza webhooks para sincronizar eventos que ocorrem na sua conta Stripe a partir de uma fonte externa.
A configuração dos webhooks do Stripe no WPForms permite-lhe ver actualizações em tempo real dos seus formulários de pagamento na área de administração do WordPress.
Pode gerir as suas subscrições e processar reembolsos a partir da página Visão geral dos pagamentos no WPForms.
Os webhooks são configurados automaticamente para WPForms versão 1.8.4 ou superior quando você conecta sua conta Stripe. No entanto, em alguns casos, a configuração automática pode não funcionar para a sua conta.
Se for esse o caso, pode configurá-lo manualmente para a sua conta. Para obter mais detalhes, consulte o nosso guia sobre como configurar webhooks do Stripe.
Seleção de um modo de campo de cartão de crédito
Depois de ter ligado o Stripe ao seu site WordPress, desloque-se para a secção Modos de campo do cartão de crédito.
Pode escolher entre duas opções de Modo de campo de cartão de crédito:
- Elemento do cartão
- Elemento de pagamento
Explicaremos os diferentes modos de campo com mais pormenor em seguida.
Nota: Não verá a opção Modo de campo de cartão de crédito se tiver acabado de instalar o WPForms versão 1.8.2 ou superior. Se tiver escolhido a opção Elemento de pagamento antes de atualizar para a versão 1.8.2 do WPForms, também não verá a opção.
Elemento do cartão
A opção Elemento do cartão permite-lhe recolher sem esforço as informações do cartão utilizando componentes pré-construídos para validar o número do cartão, o código postal e a data de validade. Com esta opção, o formulário é simplificado e o número de campos obrigatórios é minimizado.
Elemento de pagamento
A opção Elemento de pagamento permite-lhe aceitar vários métodos de pagamento através de uma única integração. Também ajusta automaticamente os campos de entrada para recolher as informações necessárias com base no método de pagamento e no país, simplificando o processo de checkout.
Apenas verá as opções de pagamento que o Stripe detecta no seu dispositivo e browser específicos.
Nota: Os utilizadores só verão opções de pagamento com o Google Pay e o Apple Pay se cumprirem os requisitos do Stripe para utilizarem estas opções de pagamento. Consulte a documentação do Stripe para saber mais sobre os requisitos.
Verificar com a ligação
Se optar por utilizar o modo Elemento de pagamento, não terá de introduzir todas as informações do seu cartão durante o checkout. A ligação dá-lhe a opção de guardar as informações do seu cartão com o seu endereço de correio eletrónico.
Desta forma, todas as informações do seu cartão serão automaticamente preenchidas quando introduzir o seu endereço de correio eletrónico.
Configurar isto é fácil! Na primeira vez que o utilizar, basta introduzir o seu endereço de correio eletrónico no campo Correio eletrónico durante o checkout.
Ser-lhe-á então dada uma nova opção para guardar as suas informações.
Marque a caixa Guardar as suas informações para efetuar o checkout seguro com 1 clique com a Link depois de preencher as informações do seu cartão.
Em seguida, introduza o seu número de telefone e nome e envie o formulário.
Para o próximo checkout, basta introduzir o seu endereço de e-mail no campo E-mail do formulário. Em seguida, introduza o código de verificação recebido no seu telemóvel para preencher automaticamente as informações do seu cartão.
Ao efetuar o check-out com o Link, pode optar por preencher automaticamente as informações do utilizador a partir de um campo de correio eletrónico separado ou obtê-las a partir do campo de correio eletrónico já preenchido.
Para alterar estas definições, clique no campo Cartão de crédito Stripe e aceda ao separador Avançadas. Em seguida, clique na lista pendente Link Email e selecione a opção adequada.
Adicionar o Stripe aos seus formulários
Depois de ter selecionado o Modo de campo do cartão de crédito, pode começar a ativar os pagamentos Stripe para os seus formulários.
Primeiro, terá de criar um novo formulário ou abrir um já existente para edição. Pode personalizar o seu formulário como quiser, mas para que funcione com o Stripe, terá de incluir o seguinte:
- Um campo de correio eletrónico
- Um campo de itens de pagamento (item único, vários itens, itens de caixa de seleção ou itens suspensos)
- Um campo de cartão de crédito Stripe
Para o nosso exemplo, vamos criar um formulário de encomenda simples que inclui Nome, Email, Itens pendentes, Total e um campo de Cartão de crédito Stripe.
Nota: Não é necessário um campo Total para que o Stripe funcione. No entanto, é muitas vezes útil para os utilizadores verem facilmente um resumo da encomenda dos itens selecionados e das respectivas quantidades num formato tabular. Isto mostra ao utilizador o montante exato que lhe será cobrado. Para mais informações, consulte o nosso guia sobre a utilização do campo Total.
Depois de adicionar os campos que gostaria de incluir no construtor de formulários, terá de aceder a Pagamentos " Stripe. No painel direito, coloque a opção Ativar pagamentos únicos na posição activada.
Nota: Para que o suplemento Stripe Pro funcione corretamente, certifique-se de que ativa também os envios de formulários AJAX antes de continuar.
Depois de ativar os pagamentos Stripe para este formulário, introduza uma breve Descrição do pagamento. Este texto aparecerá nos extractos de cartão de crédito dos utilizadores para os ajudar a identificar os pagamentos efectuados no seu site.
Em seguida, em Recibo de pagamento do Stripe, selecione o campo E-mail do seu formulário. Isto permite que o Stripe envie aos utilizadores os recibos dos seus pagamentos.
Por último, em E-mail do cliente, selecione o campo E-mail do seu formulário que contém o endereço de e-mail do cliente.
Se estiver a utilizar o formulário para recolher pagamentos únicos, pode agora guardar o formulário e passar ao passo seguinte. Para pagamentos recorrentes, como subscrições, terá de preencher mais algumas definições.
Nota: Depois de configurar o Stripe nos seus formulários, pode monitorizar e gerir estas transacções diretamente a partir do seu painel de controlo do WordPress. Para mais informações, consulte o nosso guia sobre como visualizar e gerir pagamentos com o Stripe.
Ativar pagamentos de subscrições recorrentes
Se pretender cobrar aos utilizadores numa base recorrente, pode ativar as subscrições para o seu formulário de pagamento.
Na secção Pagamentos recorrentes, alterne a opção Ativar pagamentos de subscrição recorrentes para a posição activada.
Depois de ativar esta opção, terá de preencher os outros campos desta secção, que incluem:
- Nome do plano: Introduza um título para a subscrição. Este aparecerá nas transacções para este formulário na sua conta Stripe.
- Período recorrente: Escolha a frequência com que os pagamentos recorrentes devem ocorrer. As opções são Diariamente, Semanalmente, Mensalmente, Trimestralmente, Semestralmente ou Anualmente.
- E-mail do cliente: Selecione o campo E-mail do seu formulário para que o cliente possa ser contactado. Isto é necessário para criar uma subscrição para um cliente no Stripe.
Nota: Se pretender gerir as suas subscrições no painel de controlo do Stripe, terá de o fazer a partir do menu Faturação " Subscrições. Atualmente, o Nome do plano não é visível quando se visualizam transacções no menu Pagamentos no painel do Stripe.
Se pretender criar um plano de subscrição adicional, clique no botão Adicionar novo plano.
Na sobreposição que aparece, introduza um nome para o seu plano e clique em OK para continuar.
Nota: Verá um aviso informando-o de que não é possível processar vários pagamentos recorrentes em simultâneo. O primeiro plano que corresponder às suas condições será processado se a sua regra de lógica condicional corresponder a vários planos.
Depois disso, desloque-se para o novo plano que criou e configure as opções de forma semelhante à que fez com o primeiro plano.
Nota: Pode adicionar tantos planos de subscrição quantos os necessários para o seu formulário de pagamento.
Se pretender eliminar um plano adicional que tenha criado, clique no ícone do caixote do lixo junto ao nome do plano.
Quando terminar de configurar as definições de pagamento, certifique-se de que guarda o formulário para atualizar as definições. Antes de lançar o seu formulário de pagamento, recomendamos que teste os pagamentos com o Stripe.
Nota: Para personalizar ainda mais os seus formulários de pagamento e proporcionar ainda mais flexibilidade aos seus utilizadores, explore como utilizar a lógica condicional com os pagamentos Stripe.
Perguntas mais frequentes
Estas são algumas das perguntas mais comuns que recebemos sobre a utilização do suplemento Stripe Pro.
Eu tenho usado WPForms por um tempo. Por que é que este tutorial parece diferente do que vejo no meu site?
Actualizámos a nossa integração Stripe para que seja ainda mais segura e compatível com SCA (Strong Customer Authentication).
Para ver estas novas opções, terá de efetuar dois passos:
- Verifique se o seu site está atualizado com a versão mais recente do WPForms.
- Em seguida, siga os passos da secção Ligar o Stripe ao seu site deste guia.
Porque é que o botão Ligar com Stripe não está a funcionar para mim?
O Stripe só permite que os proprietários ou administradores liguem uma conta utilizando o Stripe Connect. Se não conseguir concluir o processo, verifique a sua função de utilizador Stripe para se certificar de que cumpre estes requisitos.
Como é que posso mudar para uma conta Stripe diferente no meu sítio?
Se pretender mudar para uma conta Stripe diferente para o seu site, pode fazê-lo navegando para WPForms " Definições " Pagamentos e deslocando-se para a secção Stripe.
A partir daí, clique na ligação Mudar contas para alterar a conta Stripe que o seu site está a utilizar.
Como é que testo os pagamentos Stripe nos meus formulários?
A melhor forma de testar os seus formulários é submeter uma entrada e seguir os mesmos passos que os seus utilizadores. Recomendamos que configure o modo de teste do Stripe antes de adicionar o formulário a uma página ativa, o que lhe permite testar as transacções antes de aceitar pagamentos reais.
O WPForms armazena meus dados de pagamento?
WPForms armazena apenas os últimos 4 dígitos do seu cartão de crédito. Isso é usado para identificar o método de pagamento usado para cada entrada.
De facto, os nossos formulários nem sequer armazenam dados sensíveis de cartões de crédito no seu site. Em vez disso, a nossa integração com o Stripe garante que qualquer informação sensível é comunicada de forma segura e diretamente ao Stripe, sem nunca tocar no seu servidor. Isto protege-o a si e aos seus utilizadores dos potenciais riscos associados ao armazenamento de dados de cartões de crédito.
Ser-me-á cobrada alguma taxa pela utilização do Stripe nos meus formulários?
O WPForms não cobra uma taxa pelo uso do Stripe em seus formulários quando sua licença está ativa. No entanto, se a sua licença WPForms estiver inativa, uma taxa de processamento de 3% é aplicada a cada pagamento. Essa taxa é separada da taxa de processamento do Stripe, que começa em 2,9% + 30¢ por cobrança de cartão bem-sucedida, conforme descrito na página de preços do Stripe.
Existe alguma forma de personalizar o aspeto dos elementos Stripe no meu formulário?
Sem dúvida! Tem a flexibilidade de estilizar os elementos Stripe para que correspondam ao aspeto dos nossos formulários.
Para modificar o estilo do marcador de posição do campo Cartão de crédito Stripe, consulte o nosso guia do programador sobre como alterar o estilo do marcador de posição do cartão de crédito Stripe.
Para opções de personalização mais amplas, incluindo cores, fontes e muito mais, explore a documentação do desenvolvedor sobre como personalizar o estilo do Stripe.
O que é o Stripe Link e como posso removê-lo do processo de pagamento no WPForms?
O Stripe Link é uma funcionalidade do Stripe que guarda e preenche automaticamente as informações de pagamento e envio dos seus clientes, simplificando o processo de checkout. Esta funcionalidade é activada automaticamente quando seleciona a opção Elemento de pagamento no WPForms. No entanto, se desejar desativar esta funcionalidade e exigir que os clientes introduzam manualmente os seus dados para cada transação, pode fazê-lo através das definições do seu painel de controlo do Stripe.
Para obter orientações detalhadas sobre como desativar o Stripe Link para a sua configuração específica, consulte a documentação do Stripe sobre a desativação do Link.
É isso mesmo! Agora você pode configurar pagamentos únicos e de assinatura para seus formulários com o addon WPForms Stripe Pro.
Em seguida, está interessado em acompanhar as suas transacções Stripe? Não deixe de consultar o nosso tutorial sobre como visualizar e gerir pagamentos Stripe para saber como.