Como adicionar um sistema de pagamento ao seu site

Com o criador de landing pages da SendPulse, você pode adicionar um botão de pagamento ao seu site para implementar pagamentos com um clique para seus produtos.

Após clicar no botão, o usuário será redirecionado para uma página de pagamento, onde insere os dados do cartão e efetua o pagamento da mercadoria. O dinheiro será transferido para a conta do seu sistema de pagamento.

Coloque o widget "Pagamento" logo após a descrição do produto na parte desejada do template.

Selecione um tipo de produto

No painel direito, selecione um tipo de produto.

Adicione um método de pagamento

Selecione um sistema de pagamento para receber pagamentos.

Saiba mais: Como conectar diferentes métodos de pagamentos na seção "Aceitar Pagamentos" .

Método padrão de pagamento

Para selecionar vários métodos de pagamento, clique em Adicionar método de pagamento, e depois clique no ícone de lápis para definir seu preço e moeda.

Se você adicionou vários merchants para o mesmo método de pagamento, selecione um merchant da segunda lista.

Se você escolher o método de pagamento LiqPay, monobank, ou Fondy,, você pode configurar a transferência de dados para o RST.

Saiba mais: Como transferir dados RST para o LiqPay e Como transferir dados RST para o Fondy.

Outro método de pagamento

Você pode selecionar a opção Outro método de pagamento se preferir métodos de pagamento alternativos.

Clique em Adicionar um método de pagamento e selecione Outro método de pagamento no menu suspenso. Atribua um nome ao método de pagamento e defina seu preço.

Se um cliente selecionar seu próprio método de pagamento, a solicitação será enviada diretamente para o seu sistema CRM, não para o método de pagamento.

Você também pode redirecionar os usuários para uma página específica após a confirmação do pagamento. Role para baixo e selecione Configurações adicionais do formulário. Insira o link para a página que deve aparecer após a confirmação do pagamento. Você também pode selecionar uma página no menu suspenso.

Adicione um valor de pagamento

Selecione um tipo de pagamento (preço indicado ou preço mínimo) e o valor.

Para escolher ou alterar a moeda que você aceita, vá para "Configurações da conta" > "Aceitar pagamentos" e, ao lado do seu método de pagamento, vá para as configurações do comerciante e escolha uma moeda.

Um pagamento com preço fixo será considerado bem-sucedido se um usuário pagar o valor total especificado. Um pagamento com preço mínimo será considerado bem-sucedido se um usuário pagar qualquer valor igual ou superior ao valor mínimo de pagamento.

Por exemplo, você pode usar o tipo de pagamento "Preço mínimo" para arrecadação de fundos e doações.

Configurações integrações com outros serviços

Adicionar negócios ao seu CRM

Você também pode inserir o nome do seu negócio, selecionar o pipeline onde seus negócios criados automaticamente serão salvos, e selecione o status do seu negócio com base no status do pagamento. Por padrão, seu negócio será adicionado ao primeiro estágio do seu primeiro pipeline.

Você também pode transferir tags UTM para os cartões de contato do seu CRM se um visitante clicar em um link UTM e efetuar um pagamento no seu site.

Saiba mais: Como transferir tags UTM dos formulários de inscrição e pagamento do site para o CRM.

Também é possível criar campanhas com base no status de pagamento. Para fazer isso, no CRM, permita a criação de negócios após pagamentos e, no A360, selecione o gatilho de início "Criar negócio" e a fonte de negócios "Pagamentos".

Saiba mais: Como enviar uma mensagem acionada por um evento de CRM.

Adicionar contatos ao serviço de e-mail

Você pode adicionar contatos que preencheram o formulário pago à sua lista de endereçamento e enviar notificações de pagamentos e outras mensagens utilizando a Automação 360. Para fazer isso, ative a opção "Adicionar a uma lista de endereçamento" e selecione uma lista de endereçamento.

Saiba mais: Como criar uma automação que começa ao adicionar um assinante a uma lista de endereçamento.

Configure um formulário de pagamento

Personalize seus campos de formulários

Adicione novos campos de formulário ou personalize os existentes clicando no ícone de lápis.

Observe que o campo E-mail é um campo obrigatório – você não pode excluí-lo.

Selecione o tipo de campo.

Digite o nome do campo e insira uma dica para o campo no espaço reservado.

Verifique se o campo é obrigatório. Se for necessário, os dados do usuário não serão enviados até que preencham todos os campos obrigatórios.

É possível adicionar uma máscara dinâmica de número de telefone no tipo de campo Telefone. Seu formulário determinará a localização do usuário com base no endereço IP deles e adicionará o código do país correspondente. Os usuários poderão selecionar outro código de país na lista suspensa.

Acesse as configurações do campo e ative a chave Usar máscara dinâmica.

Salve os valores dos campos nas variáveis

​​Os dados de quem pagou pelo seu produto serão transferidos para as variáveis ​​selecionadas.

Selecione a variável em seu serviço de e-mail na qual você deseja salvar o valor do campo.

Observe que todos os valores de campo são passados ​​para uma variável do tipo "String". Os valores dos campos "E-mail" e "Telefone" são salvos nas variáveis ​​padrão do sistema de e-mail e telefone.

Selecione em quais contatos e negócios no CRM você deseja salvar o valor do campo.

Personalizar a aparência do formulário

Para editar seu formulário de pedido, clique em "Estilos de campo".

Você pode ocultar nomes de campo e personalizar a aparência de seus campos (bordas e suas cores, texto, cor de fundo, arredondamento e tamanho).

À esquerda, você pode ver a aparência do seu formulário de pagamento para um usuário que clicar em Pagar. Verifique os dados que você configurou no painel de edição do bloco: o nome do seu produto e seu preço, e campos para inserir os dados de contato do cliente.

Configure seu botão de pagamento

Clique no ícone de lápis e vá para o menu de edição do botão de pagamento.

Selecione o estilo do seu botão: primário, secundário ou personalizável e especifique o tamanho do botão.

Configurar análises

Você pode transferir seus objetivos do seu formulário para eventos do Google Analytics e Facebook Pixel. Clique em Configurações de análise.

Ative o botão Transferir o objetivo para o Google Analytics ou Transferir o objetivo para o pixel do Facebook.

Se você ativou o botão Transferir o objetivo para o Google Analytics, insira seus dados nos campos Categoria, Ação e Rótulo — esses parâmetros serão transferidos para o Google Analytics na seção Eventos.

Se você ativou o botão Transferir o objetivo para o pixel do Facebook, o evento Compra com valores de value e currency será gerado automaticamente. Você poderá vê-lo no Gerenciador de eventos em sua conta comercial do Facebook.

Copie o ID do seu elemento

Cada elemento tem um ID que o distingue na página. Com ele, você pode adicionar estilos e scripts, mostrar pop-ups e rastrear eventos para este elemento.

Para copiar um ID, clique nele. Para editar um ID, clique no ícone de lápis.

Saiba mais: Bloco e ID do widget.

Conclua a configuração do widget

Antes de fechar o criador de sites, verifique se você preencheu corretamente todos os campos de configuração do widget.

Se você não preencheu um campo, ele será destacado em vermelho nas configurações do widget e um sinal de aviso aparecerá no construtor. Um formulário com campos em branco não funcionará.

Como visualizar o histórico de pagamentos

Você também pode visualizar e exportar seu histórico de pagamento em um arquivo de formato CSV nas guias "Configurações da conta" > "Aceitar pagamentos". Você verá os detalhes do pagamento: nome de usuário, nome do produto, preço, data da última alteração de status e status do pagamento.

Todos os status de pagamento são fornecidos pelo sistema de pagamento selecionado. Para mais informações, recomendamos entrar em contato com o suporte do sistema de pagamento.

Como enviar um webhook de pagamento bem sucedido

Você também pode enviar webhooks para o seu sistema notificando que os usuários pagaram com sucesso por seus produtos.

Vá para "Configurações da conta" na guia "API". Na seção "Webhooks de pagamento bem-sucedidos", clique em Criar Webhook.

Cole o URL para o qual você deseja enviar o evento.

Um exemplo da estrutura de webhook que você pode receber:

{
  "timestamp": 1644590834,
  "version": "1.0",
  "event": "payment_order",
  "order": {
    "totalCost": 12,
    "status": 200,
    "customerName": "User",
    "service": 2,
    "paymentMethodType": 7,
    "variables": [
      {
        "valueType": 1,
        "name": "String",
        "value": "Hello World"
      },
      {
        "valueType": 2,
        "name": "Number",
        "value": "55684213"
      },
      {
        "valueType": 3,
        "name": "Date",
        "value": "2022-02-25"
      },
      {
        "valueType": 5,
        "name": "Phone",
        "value": "+38063456228"
      },
      {
        "valueType": 6,
        "name": "Email",
        "value": "user@sendpulse.com"
      },
      {
        "valueType": 7,
        "name": "Link",
        "value": "http://sendpulse.com"
      }
    ],
    "number": 1618,
    "currency": "BRL",
    "contactId": "7a505f4293dffcd7100f8f0004214892e4cf5618307908edf465042075d5c30",
    "updatedAt": "2022-02-11T14:47:14+00:00",
    "type": 2,
    "id": "a3704313-8c0b-0000-b195-c6b84242f0e2",
    "createdAt": "2022-02-11T14:47:13+00:00",
    "description": "Apple MercadoPago"
  }
}

Última Atualização: 03.04.2024