Como adicionar um sistema de pagamento ao seu site

Disponível com a assinatura Standard e superior, bem como durante a avaliação gratuita de 7 dias

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.

Novo produto Para receber pagamentos pelo seu produto, insira o nome que aparecerão na página de método de pagamento e no recibo.
Cursos Para receber pagamentos, selecione um curso da lista.

Você pode receber pagamentos apenas por cursos pagos.

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:

Campo de entrada É usado para que o usuário insira texto de até 255 caracteres. Você também pode selecionar campos predefinidos como "Nome", "Telefone", "Endereço", "Data" e "URL".
Caixa de seleção

É usada quando há uma lista de opções da qual o usuário pode selecionar uma ou várias. Se a caixa de seleção for marcada, o valor "sim" é passado para a variável de serviço. Se desmarcada, o valor "não" é passado para a variável de serviço.

Você pode adicionar um link ao texto da caixa de seleção, por exemplo, a sua política de privacidade ou outros materiais.

Para fazer isso, encontre a palavra que você deseja vincular, e selecione o ícone de hyperlink. Na janela modal que aparece, insira o link no campo “Link”. Você também pode inserir uma dica no campo “Título” e escolha se o link deve ser aberto na página atual ou em uma página.

Botões de opção São usados para selecionar uma opção entre várias. Você precisa selecionar o valor que será passado para a variável no serviço.
Lista suspensa É usada para selecionar uma opção da lista. Os visitantes do site verão uma lista com opções e valores do campo "Texto". Os valores do campo "Valor" serão adicionados aos campos do seu sistema CRM ou lista de contatos.
Campo oculto É usado para atribuir um valor a cada usuário que preenche o formulário. O campo não é exibido no seu site. Os visitantes do site receberão os valores que você insere nas configurações.

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".

Para concluir a transferência de dados, adicione o código do Facebook Pixel e do Google Analytics às configurações do seu site.

Saiba mais: Como conectar o Google Analytics ao seu site e Como conectar o Facebook Pixel ao seu site.

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.

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"
  }
}
 
    Rate this article about "Como adicionar um sistema de pagamento ao seu site"

    User Rating: 5 / 5

    Anterior

    Como adicionar um widget do Google Maps ao seu site

    Próximo

    Como adicionar uma contagem regressiva ao seu site

    Teste o SendPulse hoje gratuitamente