WS Form PRO – Stripe Elements

Facilite pagamentos com WS Form PRO Stripe Elements

O WS Form PRO com a integração do Stripe Elements é uma solução completa e confiável para quem deseja aceitar pagamentos online. Usando essa combinação prática, você pode coletar informações de pagamento em seus formulários de maneira segura e otimizada, utilizando a infraestrutura robusta do Stripe com a flexibilidade do WS Form PRO.

Como o Stripe Elements funciona

A integração do Stripe Elements permite que os clientes insiram seus dados do cartão de crédito diretamente no seu formulário. A mágica acontece em várias etapas:
– O usuário fornece os dados do cartão no formulário.
– Esses dados são enviados de forma segura para a Stripe, onde são tokenizados.
– Se a tokenização for bem-sucedida (ou seja, o número do cartão estiver correto), o formulário é salvo e uma intenção de pagamento é criada no servidor da Stripe.
– Caso seja necessária a autorização do cartão, essa informação é apresentada ao usuário.
– Após a confirmação do pagamento, o formulário é finalizado.
– Em caso de sucesso, as ações subsequentes configuradas em seu formulário são executadas.
– Se ocorrer uma falha no pagamento, uma mensagem de erro é exibida.

Isso tudo acontece de forma rápida e segura, garantindo uma excelente experiência ao usuário.

Instalando o WS Form PRO Stripe Elements

Para instalar o plugin de Stripe Elements, o processo é semelhante à instalação do WS Form PRO. Assim que você adquirir o add-on, receberá uma chave de licença que precisa ser ativada. Com a licença em mãos, siga os seguintes passos:
1. Vá até o menu de administração do WordPress e clique em WS Form.
2. Acesse a seção de Configurações.
3. Clique na aba do Stripe Elements.
4. Insira sua chave de licença e clique em Ativar.

Em caso de problemas na ativação, certifique-se de que está usando a chave de licença correta.

Configurando o Stripe Elements

Obtendo as Chaves da API do Stripe

Para que o Stripe Elements funcione, você precisa inserir as chaves publicáveis do seu Stripe. Se ainda não possui uma conta no Stripe, registre-se. Para obter suas chaves de API:
1. Acesse sua conta Stripe.
2. Navegue até o painel de controle e clique em “Desenvolvedores”.
3. Selecione “Chaves da API”.

Criando Chaves Restritas

Recomenda-se a criação de chaves restritas para sua integração com o Stripe, com as seguintes permissões:
– Clientes: Leitura / Escrita
– PaymentIntents: Leitura / Escrita
– SetupIntents: Leitura / Escrita
– Sources: Leitura
– Tokens: Leitura

Inserindo suas Chaves de API

Com suas chaves em mãos, insira as informações no painel do WS Form:
1. Clique novamente em WS Form no menu de administração do WordPress e em Configurações.
2. Vá até a aba do Stripe Elements.
3. Insira suas chaves de teste e produção.
4. Salve as alterações.

Adicionando Campos do Stripe Elements

Após a configuração, os campos do Stripe Elements estarão disponíveis na seção de E-Commerce do editor de formulários. Você encontrará dois tipos de campos:
– Stripe Card: para que o usuário insira os dados do cartão de crédito.
– Stripe Submit: um botão para submeter os dados.

Esses campos podem ser dispostos em qualquer lugar dentro do seu formulário, permitindo que você personalize a experiência do usuário de acordo com sua necessidade.

Configurações dos Campos

A maior parte das configurações está localizada nas definições do campo Stripe Card. Acesse a barra de configurações clicando no ícone de configurações perto do campo. As configurações estão divididas em duas abas: Básico e Avançado, e incluem opções como:
– Rótulo: texto que aparece acima do campo do cartão.
– Renderizar Rótulo: se habilitado, o rótulo será visível no seu formulário.
– Posição do Rótulo: escolha entre várias opções para posicionar seu rótulo.
– Largura do Rótulo: defina a largura do rótulo, caso esteja disposto ao lado do campo.
– Texto de Ajuda: adicione texto pequeno informativo abaixo do campo.

Além disso, você pode configurar o tipo de transação (Uma vez, Assinatura, ou Assinatura com Preço Personalizado) e definir descrições e valores a serem cobrados.

Transações e Assinaturas

Com o WS Form PRO Stripe Elements, você tem a flexibilidade de realizar transações únicas ou configurar assinaturas. Para isso, é preciso mapear alguns campos, como o nome, e-mail e telefone dos clientes. O mapeamento ajuda a criar registros de clientes no Stripe, facilitando a gestão de transações.

Configuração de Assinaturas

Se você optar por transações do tipo Assinatura, precisa atenção especial na configuração. É imprescindível inserir um ID de API de Preço, que pode ser obtido através do painel do Stripe. Isto permite a prática de cobranças recorrentes, com intervalos de faturamento definidos por você.

Personalização e Estilos

O WS Form PRO oferece a opção de customizar a aparência do campo de entrada dos dados do cartão de crédito. É possível definir a posição vertical, escolher esconder o ícone do cartão, entre outras opções de estilo. Para desenvolvedores, existe a possibilidade de adicionar classes CSS personalizadas aos campos.

Manejo de Erros e Validações

A gestão de erros e a validação de entradas são pontos cruciais. O WS Form PRO processa mensagens de erro com opções de personalização, permitindo que você ajuste o feedback do usuário caso informações inválidas sejam inseridas ou se uma transação falhar.

Variáveis Adicionais

A integração do Stripe Elements também introduz novas variáveis que podem ser usadas em ações como mensagens e e-mails, permitindo um controle adicional sob as transações, tais como:
– #stripe_customer_id: Retorna o ID do cliente utilizado ou criado durante a transação.
– #stripe_subscription_id: Retorna o ID de assinatura para transações de assinatura.
– #stripe_transaction_id: Retorna o ID da transação para transações únicas.

Com todas essas funcionalidades, o WS Form PRO com Stripe Elements se destaca como uma das principais opções para quem deseja otimizar seu processo de vendas online, oferecendo segurança, flexibilidade e uma experiência de usuário impecável. A integração não apenas simplifica o recebimento de pagamentos, mas também possibilita um controle refinado sobre os dados coletados e as transações realizadas, proporcionando uma gestão muito mais eficiente e eficaz para o seu negócio.