como adicionar pagamentos da square ao wordpress

Como adicionar pagamentos Square ao WordPress [Guia fácil]

Adicionar pagamentos Square no WordPress é um processo bastante simples. Qualquer pessoa pode fazer isso!

E como um dos principais gateways de pagamento para pequenas e médias empresas, faz sentido usar o Square para oferecer uma opção flexível para que seus compradores façam pagamentos com cartão de crédito.

Vou orientá-lo rapidamente sobre as etapas para criar seus próprios formulários de pagamento personalizados com o Square ativado.

Crie seu formulário quadrado do WordPress agora

Como adicionar o Square Payments ao WordPress

Pronto para começar a coletar pagamentos via Square em seu site WordPress? Basta seguir as etapas abaixo!

Etapa 1: Instalar e ativar o plug-in WPForms

A primeira coisa que você precisa fazer é instalar e ativar o plug-in WPForms.

O processo de instalação do plugin do WordPress é bastante fácil; ainda assim, se você tiver alguma dificuldade, pode consultar o tutorial sobre como instalar um plugin do WordPress.

Página de preços do WPForms 2023

Quando o WPForms estiver instalado, você poderá ativar o complemento Square Pro.

Etapa 2: Adicionar o Square Pro Addon

Para ativar o Square em seu site, vá até o painel do WordPress e clique em WPForms " Addons.

Complementos do WPForms

Na barra de pesquisa, digite Square e pressione o botão Install Addon and Activate (Instalar complemento e ativar ).

instalar o complemento square

Depois de ativar o complemento Square Pro, você precisa definir as configurações de pagamento no WPForms.

Para definir as configurações de pagamento, vá para o painel, clique em WPForms " Configurações e, em seguida, clique na guia Pagamentos.

Agora, no menu suspenso Currency (Moeda ), selecione a moeda que deseja usar em seus formulários de pagamento.

Moeda do formulário de pagamento do WPForms

Agora é hora de conectar o Square ao WPForms.

Etapa 3: Conecte o Square ao seu site WordPress

Role para baixo na página de configurações de pagamento até a seção Square. Você verá uma guia denominada Connection Status (Status da conexão).

Clique no botão azul Connect with Square.

O botão Conectar com o Square nas configurações de pagamentos do WPForms

Ao clicar nesse botão, você será redirecionado para a página de login do Square. Digite seu endereço de e-mail e senha e, em seguida, clique em Sign in (Entrar).

Fazer login no Square para conectá-lo ao WPForms

Para conectar o Square ao WPForms, você precisa conceder permissões específicas ao WPForms relacionadas à sua conta. Clique no botão Allow (Permitir ) para prosseguir.

Permitir que o WPForms acesse sua conta do Square

Isso reverterá para as configurações de pagamento do WPForms. Se as configurações de conexão estiverem configuradas corretamente, você verá uma marca de seleção verde e uma mensagem de sucesso ao lado de Connection Status (Status da conexão).

A mensagem de status da conexão do WPForms Square

Se você adicionou vários locais de negócios à sua conta Square, precisará selecionar um deles como seu local principal usando o menu suspenso Business Location (Local de negócios ).

Seleção de um local de negócios Square nas configurações de pagamentos do WPForms

Depois de concluir as configurações de conexão, não se esqueça de clicar no botão Save (Salvar).

Etapa 4: Crie seu formulário de pagamento Square

Agora que você conectou o Square ao seu site WordPress, é hora de criar seu formulário de pagamento. No painel do WordPress, navegue até WPForms " Add New.

Adicionar novo formulário

Você pode criar um formulário de pedido simples ou usar um modelo de formulário de pedido/faturamento pré-criado para agilizar o processo.

O WPForms vem com uma enorme biblioteca de modelos de formulários com mais de 2.000 modelos de formulários do WordPress. Escolherei o modelo Billing/Order Form (Formulário de cobrança/pedido ) para este tutorial.

Modelo de formulário de faturamento

O modelo inclui todos os campos essenciais de que você precisará para aceitar pagamentos de pedidos gerais.

formulário de pagamento da Square

Você pode adicionar campos de formulário adicionais ao seu formulário arrastando-os do painel esquerdo para o painel direito. O WPForms é altamente personalizável, portanto, sinta-se à vontade para experimentar e alterar as coisas se o modelo não corresponder totalmente ao seu cenário de caso de uso específico.

Vou compartilhar rapidamente uma opção que você pode querer adicionar a esse formulário, dependendo de suas necessidades. Se quiser que as pessoas especifiquem a quantidade dos produtos que desejam pedir, veja o que você pode fazer.

Adição do campo Quantity (opcional)

O WPForms suporta quantidades de produtos para os campos Itens suspensos e Itens individuais. Portanto, vou excluir o campo de rádio existente (ou seja, o campo "Available Items") aqui e adicionar três campos Single Item aqui.

Você pode simplesmente clicar com o botão direito do mouse no campo Itens disponíveis atual e pressionar Excluir.

Excluir um campo

Em seguida, arraste e solte o campo Itens individuais do painel esquerdo para a direita, logo acima do campo Valor total.

Campo Itens individuais

Depois de fazer isso, clique no campo Single Items que você acabou de adicionar para abrir as opções de campo à esquerda. Você poderá controlar várias configurações associadas ao campo aqui.

Eu recomendaria alterar o rótulo do campo e adicionar o nome de seu produto. E não se esqueça de inserir o preço do produto na caixa Item Price (Preço do item ).

Opções de campo de itens únicos

Para ativar a seleção de quantidade para o produto, use o botão de alternância Enable Quantity (Ativar quantidade ). Depois que ela for ativada, você verá uma nova configuração de Intervalo aparecer abaixo. Isso permitirá que você defina a quantidade mínima e máxima que um usuário pode selecionar para o produto.

Faixa de quantidade

Você pode repetir o mesmo processo adicionando mais campos de Item único com suas seleções de quantidade ativadas.

Dica profissional: Tem muitas opções de produtos para adicionar? Sugiro usar o campo Itens suspensos com quantidades ativadas nesse cenário. Isso manterá o tamanho do seu formulário conciso, o que é sempre preferível para a experiência ideal do usuário.

Etapa 5: Adicione o campo Square Payment ao seu formulário

Nosso formulário está pronto; agora, vamos adicionar o campo Square Payment.

À esquerda, na seção Payments Fields (Campos de pagamentos ), arraste o Square Field (Campo quadrado ) e solte-o em qualquer lugar do formulário.

Adição de um campo de cartão de crédito Square a um formulário

Assim que você adicionar o campo Square, será exibida uma janela pop-up com uma mensagem para ativar o Square Payments.

campo de pagamento da square

Clique no botão OK para fechar a janela pop-up.

Em seguida, precisamos ativar os pagamentos do Square.

Vá para os ícones no lado esquerdo e clique em Payments (Pagamentos). Em seguida, clique em Square.

Acesso às configurações do Square Payments para um formulário

Em seguida, ative a opção Enable Square Payment.

Ativação de pagamentos Square para um formulário

Isso abrirá as opções adicionais de configuração de pagamento. Vamos dar uma olhada nelas:

  • Descrição do pagamento: Aqui, você pode inserir uma breve descrição do pagamento que aparecerá no extrato do cartão de crédito ou do cartão bancário do seu cliente.
  • E-mail do comprador: No menu suspenso, selecione E-mail para que o Square envie um recibo por e-mail.
  • Nome do comprador: Na lista suspensa, selecione Nome para que o nome do cliente seja associado ao pagamento.
  • Endereço do comprador: Selecione Endereço para ter o endereço do cliente associado ao pagamento.

Mapeamento de campos de um formulário para informações do usuário no Square

Depois de concluir essas opções, clique no botão Save (Salvar ) para salvar o formulário.

Etapa 6: Adicione seu formulário à página do WordPress

Muito bom! Você criou com sucesso um formulário de pagamento Square no WordPress. Agora é hora de adicionar o formulário ao seu site.

Com o WPForms, você pode adicionar seu formulário em vários locais, inclusive:

Vamos ver como você pode adicionar seu formulário Square à página do WordPress.

O WPForms tem um botão Incorporar incorporado no painel do construtor de formulários. Usando esse botão, você pode adicionar seu formulário em qualquer página do site sem mudar de guia ou fechar a janela do formulário.

Para adicionar seu formulário, clique no botão Incorporar na parte superior de sua página

Incorporar seu formulário com o botão incorporar

Em seguida, você terá opções para adicionar o formulário a uma página existente ou criar uma nova página. Vamos clicar em Create New Page (Criar nova página).

Criar nova página

Adicione o nome de sua página e clique no botão Let's Go (Vamos lá).

wpforms nomeia sua caixa de página

Agora o WPForms criará automaticamente uma nova página e adicionará seu formulário a ela.

Para publicar sua página na página ativa, clique no botão Publicar ou Atualizar.

Adicione seu formulário Square ao WordPress

E é isso! É assim que é fácil adicionar pagamentos Square aos formulários do WordPress.

Crie seu formulário quadrado do WordPress agora

O pagamento on-line é uma tarefa crucial para você e seus compradores. Por isso, sugerimos que você teste os pagamentos quadrados antes de lançar seu formulário, para que possa proporcionar uma experiência impecável aos seus compradores.

Como adicionar pagamentos Square - Perguntas frequentes

Aqui estão algumas das perguntas mais frequentes sobre a cobrança de pagamentos do Square no WordPress.

É possível personalizar o processo de checkout ao usar o Square Payments no WordPress?

O WPForms é altamente personalizável, permitindo que você altere a aparência do formulário, use layouts diferentes e aplique lógica condicional para oferecer a melhor experiência de checkout aos seus visitantes. Portanto, se estiver usando um formulário de pagamento Square com o WPForms, você terá muito espaço para personalizá-lo e proporcionar uma experiência de checkout satisfatória.

Há alguma medida de segurança para proteger as informações confidenciais dos clientes ao usar o Square Payments no WordPress?

O WPForms é um plug-in seguro e toma medidas para garantir que os detalhes confidenciais do cliente permaneçam ocultos. Os pagamentos que você coleta por meio do WPForms capturam detalhes do envio do cliente, mas ocultam o número do cartão de crédito. Isso significa que nem mesmo você, como proprietário da empresa, pode ver detalhes confidenciais, como números de cartão, para garantir a privacidade e a segurança do cliente com seus formulários de pagamento Square criados com o WPForms.

Posso acompanhar e gerenciar minhas transações diretamente do meu painel do WordPress com o Square Payments?

Sim, o WPForms inclui recursos abrangentes de rastreamento de pagamentos. Você pode visualizar as transações em um gráfico fácil de entender diretamente do seu painel do WordPress. Esse gráfico mostra detalhes como total de pagamentos, total de vendas, assinaturas, uso de cupons e muito mais.

Em seguida, adicione o pagamento opcional a seus formulários do WordPress

Se você é uma organização sem fins lucrativos, talvez esteja procurando uma maneira de adicionar um pagamento opcional. Confira nosso guia detalhado sobre como adicionar pagamento opcional aos seus formulários do WordPress para saber mais.

Talvez você também se interesse em saber como criar um formulário de pedido de cartão de visita no WordPress.

O WPForms Pro também inclui outras ferramentas de gateway de pagamento que permitem a você:

Então, o que está esperando? Comece hoje mesmo a usar o plug-in de formulários mais poderoso do WordPress. O WPForms Pro vem com integrações poderosas e uma garantia de reembolso de 14 dias.

E se você gostou deste guia, não deixe de nos seguir no Facebook e no Twitterpara obter mais tutoriais gratuitos sobre o WordPress.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Osama Tahir

Osama é redator sênior da WPForms. Ele é especialista em desmontar plug-ins do WordPress para testar e compartilhar suas percepções com o mundo.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar para WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Ative o JavaScript em seu navegador para preencher este formulário.

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de 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.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.