Adicione um link de pagamento ao seu site

Você pode adicionar um link de pagamento ao seu site para que seus clientes possam completar os pagamentos diretamente no 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 adicionar o código de incorporação do link de pagamento às páginas externas do seu site.

Se você é um desenvolvedor, você 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ê adicionar o módulo de pagamentos padrão à sua página, o link de pagamento aparecerá como um botão de checkout que os clientes podem clicar para depois digitar seus detalhes de pagamento. 

• Navegue até ao seu conteúdo
  
  • Páginas do site Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Páginas de pouso Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
  • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
• Passe o mouse sobre uma página ou poste e clique em Editar. 
• No editor de conteúdo, localize a seção Módulos comuns na guia Adicionar , 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 menu suspenso Pagamento e selecione o link de pagamento para adicionar à página. 
• Para personalizar a experiência de checkout, na seção Comportamento do Checkout , selecione uma opção:
  • Abrir 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 deslizante sobe da parte inferior do ecrã do cliente onde este pode introduzir as suas informações de pagamento. 
• No campo Texto do botão, edite o texto que aparece no botão de ligação de pagamento. 
• Para incluir um ícone no botão de ligação de pagamento, seleccione a caixa de verificação Adicionarícone . Para selecionar um ícone diferente, clique para expandir as opções de edição de ícones . 

• No canto superior direito, clique em Update ou Publish para definir suas alterações ao vivo

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

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

Você pode adicionar o código de incorporaçã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 incorporação ao módulo. Quando você incorporar o link de pagamento, o formulário de checkout aparecerá diretamente na sua página. 

• Na sua conta da HubSpot, clique no settings ícone de configurações na barra de navegação principal.
• No menu da barra lateral esquerda, navegue para Objectos > Produtos.
• Clique na guia Links de pagamento
• Passe o mouse sobre o link e clique no menu suspenso Ações, depois selecione Copiar código embutido.

Adicione o código de incorporação diretamente ao seu site externo. Ou, se você é um desenvolvedor, você pode criar um novo módulo para cada link ou criar um módulo dinâmico no gerenciador de design do HubSpot. Saiba mais sobre a criação de um módulo de link de pagamento 

Observação: a criação de módulos exige conhecimentos em HTML, em CSS, em HubL e no gerenciador de design da HubSpot. A HubSpot recomenda trabalhando com um designer para criar módulos codificados.