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.

Digite o nome do seu produto no painel direito. Ele será exibido na página de pagamento do seu sistema de pagamento e no recibo.

Selecione sua forma de pagamento

Selecione uma forma de pagamento e insira o preço do seu produto.

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.

Adicionar contatos ao serviço de e-mail

Você também pode adicionar aqueles que fizeram um pagamento à sua lista de endereçamento para enviar notificações de pagamento bem-sucedido e outras mensagens. Para isso, ative o elemento "Adicionar à lista de endereçamento" e selecione a lista necessária.

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:

O campo de entrada é usado para inserir o texto de um usuário com até 255 caracteres. Você também pode selecionar os campos predefinidos como "Nome", "Telefone", "Endereço", "Data" e "URL".

A seleção é usada quando há uma lista de opções na qual um usuário pode selecionar qualquer número: nenhum, um ou vários. Se a caixa de seleção estiver marcada, o valor "yes" é passado para a variável de serviço. Se desmarcado, o valor "no" é passado para a variável de serviço.

Os botões são usados ​​para selecionar uma entre várias opções. Você precisa selecionar o valor que será passado para a variável no serviço.

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.

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.

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: 15.03.2023