Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
BETA

Adicione links de pagamento ao seu conteúdo

Ultima atualização: Julho 25, 2022

Em Beta

Disponível para

Marketing Hub Starter, Professional, Enterprise
Sales Hub Starter, Professional, Enterprise
Service Hub Starter, Professional, Enterprise
Operations Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Você pode adicionar um link de pagamento ao seu site para que seus clientes possam concluir os pagamentos diretamente no 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 site. Você também pode adicionar um link de pagamento aos seus e-mails de marketing. 

Se você for 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 à página

Quando você adicionar o módulo de pagamentos padrão à sua página, o link de pagamento será exibido como um botão de checkout que os clientes podem clicar para inserir os dados de pagamento. 

  • Acesse seu conteúdo:
    • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
    • Páginas de entrada: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
    • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Passe o ponteiro do mouse sobre uma página ou publicação 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. 

add-payments-module-to-page

  • 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 de checkout, selecione uma opção:
    • Abra em uma nova guia: outra guia será aberta no navegador do cliente, onde ele poderá inserir suas informações de pagamento. 
    • Sobreposição deslizante: uma sobreposição desliza para cima a partir da parte inferior da tela do cliente, onde ele pode inserir suas informações de pagamento. 
  • No campo de texto Botão, edite o texto que aparece no botão de link de pagamento. 
  • Para incluir um ícone no botão de link de pagamento, marque a caixa de seleção Adicionar icon. Para selecionar um ícone diferente, clique para expandir as opções de edição de ícone

checkout-button-customization-payments-module

  • 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

add-payments-module

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 adicionar o código incorporado 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, navegue até Vendas > Pagamentos.
  • No canto superior direito, clique em Gerir ligações de pagamento
  • Passe o cursor do mouse sobre o link, clique no menu suspenso Ações e selecione Copiar código de incorporação.

select-copy-embed-for-payment-link
Adicione o código de incorporação diretamente ao seu site externo. Ou, se você for um desenvolvedor, poderá criar um novo módulo para cada link ou criar um módulo dinâmico no gerenciador de design da HubSpot. Saiba mais sobre como criar um módulo de link de pagamento

Observe: quando você incorpora o link de pagamento em uma página, o resumo do pedido e a descrição do checkout não aparecem. Para exibir o resumo do pedido e a descrição do checkout, você pode compartilhar o link diretamente com um comprador. 

página-encomenda-incorporada

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 trabalhar com um designer para criar módulos codificados.

Adicione um link de pagamento para 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 que um comprador compre um bilhete diretamente do e-mail. 

  • Na sua conta da HubSpot, navegue até Marketing > Email.
  • Passe o cursor do cursor do 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, na guia Conteúdo no painel esquerdo, clique e arraste o módulo Pagamento para o modelo de e-mail.

correio-accionista-pagamento-link-in-marketing

  • Clique no menu suspenso Pagamentos e selecione um link.
  • No campo de texto do botão, edite o texto que aparece. Para inserir emoji no campo de texto, clique no ícone de emoji de emoji.

add-emoji-to-button-module

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

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

click-buy-now-link-in-email

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.