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 o pagamentos diretamente em seu site. Para adicionar um link de pagamento ao seu site, você pode adicionar o módulo de pagamento padrão a uma página ou modelo de arrastar e soltar ou adicionar o código de inserção do link de pagamento ao seu página do site externo. Você também pode adicionar um link de pagamento aos seus e-mails de marketing. 

Se você é um desenvolvedor, tem a opção de adicionar um campo de pagamento ao seu tema ou módulo personalizado, ou criar 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. 

  1. Navegue até o seu conteúdo:
    • Páginas do site:
    • Páginas de destino:
    • Blog:
  2. Passe o mouse sobre uma página ou post e clique em Editar.
  3. No canto superior esquerdo, clique em + Adicionar.
  4. Em Módulos, clique na seção Comércio. 
  5. Clique em Pagamento e arraste-o para a posição na página.

  6. No editor da barra lateral:
    • Digite o texto a ser exibido no botão no campo de texto Botão.
    • Em Destino do botão:
      • Selecione Usar um link de pagamento para direcionar seu público a um de seus links de pagamento.
        • Clique no menu suspenso Link de pagamento e selecione um link de pagamento.
        • Em Comportamento de finalização da compra , selecione Abrir em uma nova guia se você quiser que o link de pagamento abra uma nova guia ou janela do navegador quando for clicado, ou clique em Deslizar sobreposição se quiser que o link de pagamento apareça como uma sobreposição na página.
      • Selecione Outros para direcionar seu público a um link externo, ou a um de seu site ou landing pages:
        • Clique no menu suspenso Link to e selecione External para usar um link externo. Digite o URL no campo URL
        • Clique no menu suspenso Link para e selecione Conteúdo para usar um site ou uma landing page existente. Clique no menu suspenso Conteúdo e selecione uma página
        • Ative a opção Abrir link em nova janela se quiser que o link abra uma nova guia ou janela do navegador ao ser clicado.
        • Em Tipo de link , marque a caixa de seleção Não seguir para informar aos mecanismos de pesquisa para ignorar o link.
    • Marque a caixa de seleção do ícone Adicionar para adicionar um ícone ao botão.
      • Clique no menu suspenso Ícone .
      • Clique em Substituir para substituir o ícone existente.
      • No painel direito, procure por um ícone. Clique no ícone para selecioná-lo.
      • Clique no menu suspenso Posição e selecione a posição do ícone no botão.
  7. No canto superior direito, clique em Atualizar ou Publicar para ativar suas alterações.
  8. No gerenciador de design, você também pode adicionar o módulo de pagamento 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 de incorporação:

  1. Passe o mouse sobre o link e clique Ações e selecione Embutir.
  2. Na caixa de diálogo, clique em Copiar código de inserção.

Com o código incorporado copiado, você pode adicioná-lo diretamente ao seu site. Ou, se você for um desenvolvedor, poderá criar um novo módulo e incluir um campo de link para permitir que os criadores de conteúdo selecionem entre 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.

  1. 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.
  2. No canto superior esquerdo, clique em + Adicionar.
  3. Na guia Conteúdo, em Comércio eletrônico , clique em Pagamentos e arraste-o para a posição na página.

  4. Clique no menu suspenso Pagamentos e selecione um link de pagamento.
  5. No campo de texto Botão , edite o texto que aparece. Para inserir emojis em seu campo de texto, clique no botão ícone de emoticons.
  6. Clique na guia Estilos para ajustar o estilo do botão, incluindo o tipo de fonte, o tamanho e a cor, a cor do plano de fundo, o alinhamento e o preenchimento.
  7. Conclua a configuração e envie seu email.

Quando um contato clicar no botão, eles serão trazidos diretamente para a página de check-out. Saiba mais sobre o que acontece no HubSpot depois de um pagamento é feito.