Adicione links de pagamento ao seu conteúdo

Saiba como adicionar um link de pagamento ao seu site HubSpot, email de marketing ou site externo para que seus clientes possam pagar diretamente de seu conteúdo.

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 arrastar e soltar, ou a um email de marketing, ou adicionar o código de inserção do link de pagamento ao seu site externo.

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ágina do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Páginas iniciais: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
   • Blog: Na sua conta da HubSpot, acesse Conteúdo > Blog.
2. Clique no nome da página para abrir o editor.
3. Na parte superior esquerda, clique em add.
4. Em Módulos, clique para expandir a seção Comércio.
5. Clique em Pagamento e arraste-o para a posição na página.
6. No editor da barra lateral:
   • No campo Botão , digite o texto a ser exibido no 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 quiser que o link de pagamento abra uma nova guia ou janela do navegador quando for clicado. Ou clique em Sobreposição deslizante 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. No campo URL , digite o 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. Na parte superior direita, clique em Atualizar ou Publicar para definir suas alterações ao vivo.
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 de inserção do link de pagamento ao seu site externo ou criar um módulo de pagamento no Gerenciador de design e adicionar o código de inserção 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. Na sua conta HubSpot, acesse Comércio > Links de pagamento.
2. Passe o mouse sobre o link de pagamento e clique em Ações, depois selecione Incorporar.
   
   
3. 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 que os usuários 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. Na sua conta da HubSpot, navegue até Marketing > E-mail.
2. Passe o mouse sobre um rascunho de email existente e clique em Editar ou clique em Criar email para criar um novo email .
3. Na parte superior esquerda, clique em add.
4. Na guia Conteúdo , em Comércio eletrônico , clique em Pagamentos e arraste-o para a posição na página.
   
   
5. Clique no menu suspenso Pagamentos e selecione um link de pagamento.
6. 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.
7. 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.
8. Finalize e envie seu email.

Quando um contato clicar no botão do link de pagamento, ele será levado para a página de check-out.

Próximas etapas

• Saiba mais sobre o que acontece no HubSpot depois de um pagamento é feito.
• Saiba mais sobre gerenciar pagamentos.
• Saiba mais sobre a criação de relatórios no pacote de análises comerciais.