Adicione links de pagamento ao seu conteúdo

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:Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Páginas de destino:Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
   • Blog: Na sua conta da HubSpot, acesse Conteúdo > 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. Na sua conta HubSpot, acesse Comércio > Links de pagamento.
2. Passe o mouse sobre o link e clique Ações e selecione Embutir.
3. 
4. 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. Na sua conta da HubSpot, navegue até Marketing > E-mail.
2. 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.
3. No canto superior esquerdo, clique em + Adicionar.
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. 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.