Central de conhecimento HubSpot

Adicione links de pagamento ao seu conteúdo

Written by HubSpot Support | 22/nov/2021 21:51:17

Você pode adicionar um link de pagamento ao seu site para que seus clientes possam concluir os pagamentos diretamente em seu site. Para adicionar um link de pagamento ao seu site, você pode adicionar o módulo de pagamentos padrão a uma página ou modelo de arrastar e soltar ou adicione o código de incorporação do link de pagamento para as páginas externas do seu site. Você também pode adicionar um link de pagamento aos seus e-mails de marketing. 

Se você é um desenvolvedor, você tem a opção de adicione um campo de pagamento ao seu tema ou módulo personalizado, ou crie um módulo de pagamento personalizado

Adicione o módulo de pagamentos padrão à sua página

Quando você adiciona o módulo de pagamentos padrão à sua página, o link de pagamento aparecerá como um botão de finalização de compra no qual os clientes podem clicar para inserir seus detalhes de pagamento. 

  • Navegue até o seu conteúdo:
    • Páginas do site:
    • Páginas de destino:
    • Blogue:
  • Passe o mouse sobre uma página ou post e clique em Editar.
  • No editor de conteúdo, localize o Módulos comuns seção sobre o Adicionar guia no editor da barra lateral.
  • Clique no módulo de pagamentos e arraste-o para a posição na página.

  • No editor da barra lateral, clique no botão Pagamento menu suspenso e selecione o link de pagamento para adicionar à página.
  • Para personalizar a experiência de checkout, na seção Comportamento de check-out seção, selecione uma opção:
    • Abra em uma nova aba: outra aba será aberta no navegador do cliente, onde ele poderá inserir suas informações de pagamento.
    • Sobreposição deslizante: uma sobreposição desliza na parte inferior da tela do cliente, onde ele pode inserir suas informações de pagamento.
  • No Botão de texto campo, edite o texto que aparece no botão do link de pagamento.
  • Para incluir um ícone no botão do link de pagamento, selecione o Adicionar euvigarista caixa de seleção. Para selecionar um ícone diferente, clique para expandir o Ícone opções de edição.

  • No canto superior direito, clique em Atualizar ou Publicar para ativar suas alterações.

No gerenciador de design, você também pode adicionar o módulo de pagamentos padrão ao modelo de página.

Adicione o código incorporado a uma página externa ou módulo personalizado

Você pode adicionar o código incorporado do link de pagamento ao seu site externo ou criar um módulo de pagamento no gerenciador de design e adicione o código incorporado ao módulo. Ao incorporar o link de pagamento, o formulário de checkout aparecerá diretamente na sua página.

Para copiar o código incorporado:

  • Passe o mouse sobre o link e clique Ações e selecione Embutir.

  • Na caixa de diálogo, clique em Copiar código.

Com o código incorporado copiado, você pode adicioná-lo diretamente ao seu site. Ou, se você for um desenvolvedor, você pode criar novo módulo e incluir um campo de link para permitir que os criadores de conteúdo selecionem os links de pagamento disponíveis.



Observe: a criação de módulos requer conhecimento de HTML, CSS, HubL e do gerenciador de design HubSpot. A HubSpot recomenda trabalhando com um designer para criar módulos codificados.

Adicione um link de pagamento aos e-mails de marketing

Você pode adicionar um módulo de pagamento aos seus e-mails de marketing. Por exemplo, ao planejar um evento, você pode incluir um link de pagamento que permite ao comprador comprar um ingresso diretamente do e-mail.

  • Passe o mouse sobre um rascunho de e-mail existente e clique em Editar ou clique em Criar e-mail para criar um novo e-mail.
  • No editor de e-mail, no Contente guia no painel esquerdo, clique e arraste o Pagamento módulo no modelo de e-mail.

  • Clique no Pagamentos menu suspenso e selecione um link.
  • No campo de texto do botão, edite o texto isso aparece. Para inserir emojis em seu campo de texto, clique no botão ícone de emoticons.

  • Use as ferramentas de estilo para personalizar a fonte do texto, a cor e o tamanho dos botões.
  • Conclua a configuração e enviando seu e-mail.

Quando um contato clica no botão, ele será levado diretamente para o página de checkout. Saiba mais sobre o que acontece no HubSpot depois de um pagamento é feito.