Resumo de IA
Gostaria de aceitar pagamentos através dos seus formulários do WordPress? Com nosso add-on Square Pro para WPForms, você pode processar facilmente pagamentos com cartão de crédito usando seus próprios formulários de pagamento personalizados.
Este tutorial mostrará como configurar o add-on Square Pro e integrá-lo aos seus formulários para que você possa começar a receber pagamentos.
Requisitos:
- Você precisará de um nível de licença Pro ou superior para acessar o add-on Square Pro
- Certifique-se de ter instalado a versão mais recente do WPForms para atender à versão mínima exigida para o add-on Square Pro
- O Square exige que seu site tenha SSL (HTTPS) ativado na página onde você está adicionando um formulário de pagamento ativo, pois isso permite que você envie dados de cartão de crédito com segurança para o Square. Para mais detalhes, consulte o guia do WPBeginner sobre como adicionar SSL e HTTPS no WordPress
Antes de mergulhar no tutorial abaixo, certifique-se de que o WPForms esteja instalado e ativado em seu site WordPress e que você tenha verificado sua licença.
Conectando o Square ao Seu Site WordPress
O WPForms permite que você conecte seu site ao Square em apenas alguns cliques. Primeiro, vá para WPForms » Configurações na sua área administrativa do WordPress e clique na aba Pagamentos .
Na seção Pagamentos, certifique-se de que o menu suspenso Moeda esteja definido para a mesma moeda que sua conta Square utiliza.
Se essas configurações não corresponderem, o Square não poderá processar seus pagamentos e você verá uma mensagem de erro ao tentar conectar sua conta Square ao WPForms.
Depois de definir sua moeda, você pode descer até a seção Square e clicar no botão Conectar com Square .
Observação: Para integrações de pagamento do WPForms, o modo de teste e o modo ativo são configurados separadamente. Certifique-se de que a opção Modo de Teste esteja desmarcada para garantir que você possa processar transações assim que seu formulário for publicado.
Se você quiser testar a integração Square do seu formulário antes de publicá-lo, consulte nosso tutorial sobre como testar pagamentos Square.
Em seguida, você será solicitado a fazer login na sua conta Square. Digite seu endereço de e-mail e senha, e clique em Entrar.
O Square então perguntará se você deseja conceder ao WPForms certas permissões relacionadas à sua conta. Clique em Permitir para continuar.
Isso o levará de volta às suas configurações de pagamentos do WPForms. Se a conexão foi bem-sucedida, você verá um sinal de verificação verde ao lado do Status da Conexão.
O local principal do seu negócio também será importado para as configurações de pagamentos do WPForms do Square. Se o seu negócio tiver vários locais ativos, você pode selecionar qual deles deseja usar no menu suspenso Local do Negócio.
Observação: Os locais são gerenciados dentro da sua conta Square. Para obter ajuda com a adição, remoção ou edição de locais, consulte a documentação do Square sobre este tópico.
Por último, certifique-se de salvar suas configurações antes de sair desta tela.
Configurando Webhooks do Square
Webhooks permitem que o WPForms receba atualizações em tempo real do Square quando um pagamento é concluído, reembolsado ou atualizado. Com os webhooks do Square ativados, seus formulários permanecem sincronizados automaticamente, para que você não precise rastrear manualmente as alterações de pagamento.
Para saber como conectar webhooks do Square ao WPForms, siga nosso guia sobre configuração de webhooks do Square.
Adicionando Integração Square aos Seus Formulários
Depois de conectar seu site ao Square, você pode habilitar pagamentos para um formulário específico. Para fazer isso, crie um novo formulário ou edite um existente para abrir o construtor de formulários.
Você pode usar um modelo de formulário ou começar do zero e personalizar seu formulário como desejar. No entanto, certifique-se de adicionar um campo Square na seção Campos de Pagamento do construtor de formulários. Você pode clicar nele ou arrastá-lo e soltá-lo na área de visualização para fazer isso.
Isso adicionará os campos de cartão de crédito necessários para processar pagamentos através do Square.
Quando estiver satisfeito com os campos do seu formulário, vá para Pagamentos » Square para acessar a página de configurações do Square. Em seguida, ative a opção Habilitar pagamentos únicos.
Isso revelará algumas opções adicionais para você configurar. Primeiro, insira uma Descrição do Pagamento, que aparecerá nos extratos de cartão de crédito dos usuários para ajudá-los a identificar transações feitas através deste formulário.
Em seguida, você pode mapear alguns campos do seu formulário para sua conta Square, se desejar. Usando os menus suspensos, selecione os campos de E-mail, Nome e Endereço do seu formulário.
Observação: Esses dados serão salvos, mas não serão visíveis no Painel do Square. Você pode enviar o endereço de e-mail para o Square usando esta solução alternativa da nossa documentação do desenvolvedor.
Se o seu formulário for para aceitar pagamentos únicos, você pode salvar suas alterações e prosseguir para testar seu formulário de pagamento. No entanto, se você precisar aceitar pagamentos recorrentes, precisará completar configurações adicionais.
Habilitando Pagamentos Recorrentes
Para cobrar usuários em uma base recorrente, ative a opção Pagamentos Recorrentes.
Depois de habilitar esta opção, você precisará preencher os outros campos nesta seção, que incluem:
- Nome do Plano: Insira um título para a assinatura. Isso aparecerá nas transações deste formulário em sua conta Square.
- Frequência da Fase: Selecione a frequência com que o pagamento deve ocorrer. As opções incluem Mensal, Anual e mais.
- E-mail do Cliente: Selecione o campo de E-mail do seu formulário para que o cliente possa ser contatado. Isso é necessário para criar uma assinatura para um cliente no Square.
- Nome do Cliente: Selecione o campo que contém o nome do cliente.
- Endereço do Cliente: Selecione o campo que contém o endereço do cliente.
Quando terminar de configurar suas configurações de pagamento, certifique-se de salvar seu formulário para atualizar suas configurações.
Testando Pagamentos Square
Após configurar o Square com o WPForms, você precisará enviar um pagamento de teste antes de lançar seu formulário para garantir que tudo funcione como esperado.
Recomendamos a revisão do nosso guia para testar pagamentos do Square para um tutorial completo.
Habilitando Lógica Condicional (Opcional)
A próxima opção que abordaremos neste tutorial é habilitar a lógica condicional para pagamentos do Square. Existem muitas maneiras de usar a lógica condicional com o addon Square Pro, incluindo:
- Processar o pagamento somente se certas condições forem atendidas
- Mostrar ou ocultar os campos de pagamento com base nas seleções ou entrada dos usuários
- Enviar notificações por e-mail para pagamentos concluídos
Abaixo, cobrimos alguns exemplos.
Configurando Lógica Condicional para Pagamentos
Para este exemplo, criaremos um formulário que inclui uma opção para fazer uma doação. Usaremos a lógica condicional para processar o pagamento dependendo das seleções dos usuários.
Primeiro, criaremos nosso formulário e personalizaremos as opções de campo. Para nosso exemplo, construímos um formulário de feedback. No final, há um campo de Múltipla Escolha rotulado como “Você gostaria de fazer uma doação para apoiar futuros Acampamentos de Ciência?” com as opções, “Sim, eu doarei” e “Não, hoje não.”
Observação: Quer saber mais sobre como usar campos de Múltipla Escolha em seus formulários? Veja nosso tutorial sobre personalização do campo de Múltipla Escolha para todos os detalhes.
Também adicionamos um campo de Item Único onde os doadores podem inserir o valor que desejam doar, um campo de Total onde eles podem ver o valor que será cobrado e um campo do Square onde eles podem inserir os detalhes do pagamento.
Observação: Quer ter certeza de que os usuários não enviem acidentalmente um pagamento de R$ 0? Confira nosso guia para exigir um total de pagamento.
Depois que seu formulário tiver todos os campos que você precisa, vá para Pagamentos » Square e ative a opção Habilitar Lógica Condicional na parte inferior das configurações.
Isso revelará um conjunto de menus suspensos que você pode usar para criar sua regra de lógica condicional. Para nosso exemplo, faremos seleções para que a regra diga, Processe este pagamento se Você gostaria de fazer uma doação para apoiar futuros Acampamentos de Ciência for Sim, eu doarei.
Observação: Precisa de mais ajuda para configurar sua regra de lógica condicional? Nosso tutorial para iniciantes sobre lógica condicional inclui instruções passo a passo.
Neste caso, os usuários só serão cobrados se optarem por fazer uma doação usando o campo Múltipla Escolha.
Não se esqueça de sempre salvar seu formulário antes de sair do construtor.
Configurando E-mails de Notificação de Pagamento Condicional
Normalmente, os e-mails de notificação do formulário são enviados quando um usuário envia o formulário. No entanto, se você tiver uma integração de pagamento ativada, poderá impedir o envio de um e-mail de notificação até que o pagamento seja processado com sucesso.
Para fazer isso, vá para Configurações » Notificações no construtor de formulários. Em seguida, encontre a notificação que você gostaria de enviar para pagamentos concluídos e ative a opção rotulada Habilitar para pagamentos concluídos do Square.
Observação: Precisa de mais orientação para configurar seus e-mails de notificação de formulário? Nossos tutoriais sobre configurar configurações de notificação e criar notificações condicionais podem ajudar.
Você pode habilitar esta configuração para quantos e-mails de notificação desejar. Lembre-se de salvar suas alterações antes de sair do construtor de formulários.
Visualizando e Gerenciando Pagamentos
Depois de receber alguns pagamentos através de seus formulários, você poderá visualizá-los e gerenciá-los diretamente da área administrativa do seu site.
Para fazer isso, vá para WPForms » Pagamentos e selecione a guia Visão Geral para acessar a página de Pagamentos.
Na página de visão geral de Pagamentos, você pode visualizar detalhes de transações, rastrear suas vendas, ver tendências de receita, medir o sucesso de seus formulários de pagamento e muito mais.
Certifique-se de conferir nosso guia para visualizar e gerenciar pagamentos de formulários para mais informações.
Observação: Se desejar, você pode criar códigos de cupom e oferecer um desconto aos usuários ao preencher seu formulário de pagamento. Para saber mais, confira nosso tutorial sobre o addon de Cupons.
Perguntas Frequentes
Estas são algumas das principais perguntas sobre o addon Square Pro.
Serei cobrado pelo uso do Square em meus formulários?
O WPForms não cobra para você usar o Square em seus formulários. No entanto, as taxas de vendedor do Square se aplicam às transações feitas através de seus formulários.
Para ver as taxas de vendedor atuais do Square para transações online remotas, confira sua Página de Preços.
O WPForms tem uma parceria com o Square?
Sim, temos! Ao fazer parceria diretamente com o Square, podemos garantir que seus pagamentos sejam processados de forma confiável e segura, de acordo com as melhores práticas da plataforma.
O WPForms armazena as informações de pagamento dos usuários?
Não, não armazenamos as informações de pagamento de seus usuários.
Em vez disso, os detalhes do pagamento são enviados diretamente para o Square para proteger você e seus usuários dos riscos que vêm com o armazenamento de detalhes de cartão de crédito em seu site.
É isso! Agora você pode integrar seus formulários WordPress com o Square para aceitar pagamentos com cartão de crédito.
Em seguida, você gostaria de aprender como permitir que os usuários escolham o método de pagamento? Confira nosso tutorial sobre como fazer isso com lógica condicional e nossas outras integrações de pagamento, PayPal, Stripe e Authorize.Net.