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.

Adicionar links de pagamento ao seu conteúdo

Ultima atualização: Maio 30, 2023

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

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

Pode adicionar uma ligação de pagamento ao seu sítio web para que os seus clientes possam completar os pagamentos directamente no seu sítio. Para adicionar uma ligação de pagamento ao seu sítio web, pode adicionar o módulo de pagamentos padrão a uma página ou modelo de arrastar e largar ou adicionar o código de incorporação da ligação de pagamento às páginas externas do seu sítio web. Pode também adicionar um link de pagamento aos seus e-mails de marketing. 

Se for um programador, 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 por defeito à sua página

Quando adicionar o módulo de pagamentos padrão à sua página, a ligação de pagamento aparecerá como um botão de checkout que os clientes podem clicar para depois introduzir os seus detalhes de pagamento. 

  • Navegue até ao seu conteúdo:
    • Páginas web:Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
    • Páginas de aterragem:Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
    • Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
  • Passar o cursor sobre uma página ou postagem e clicar em Editar.
  • No editor de conteúdo, localizar a secção de módulos comuns noseparadorAdicionar 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-página

  • No editor da barra lateral, clicar no menu suspenso Pagamento e seleccionar a ligação de pagamento para adicionar à página.
  • Para personalizar a experiência de checkout, na secção Comportamento de Checkout , seleccione uma opção:
    • Abrir numa nova aba: outra aba será aberta no browser do cliente onde podem introduzir as suas informações de pagamento.
    • Sobreposição deslizante: uma sobreposição deslizante sobe da parte inferior do ecrã do cliente onde podem introduzir as suas informações de pagamento.
  • No campo de texto do Botão, editar 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 seleccionar um ícone diferente, clique para expandir as opções de diting Icone.

checkout-button-customization-payments-module

  • No canto superior direito, clique em Update ou Publish para colocar as suas alterações em directo.

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

suplemento-módulo de pagamento

Adicionar o código de incorporação a uma página externa ou módulo personalizado

Pode adicionar o código de incorporação do link de pagamento ao seu website externo, ou criar um módulo de pagamento no gestor de design e adicionar o código de incorporação ao módulo. Ao inserir a ligação de pagamento, o formulário de checkout aparecerá directamente na sua página.

Atenção: as ligações de pagamento só podem ser incorporadas se forem um preço fixo e cobradas imediatamente. Se uma ligação de pagamento tiver itens de linha editáveis pelo comprador (quantidade ou preço), opcionais, ou com uma data de início de facturação futura, terá de utilizar a ligação de pagamento em vez disso.

Para copiar o código de incorporação:

  • Na sua conta da HubSpot, navegue até Vendas > Pagamentos > Pagamentos.
  • No canto superior direito, clicar em Gerir ligações de pagamento.
  • Passe o cursor sobre a ligação e clique no menu suspenso Acções, depois seleccione Copiar código incorporado.

copy-payment-link-embed
Adicione o código de incorporação directamente ao seu site externo. Ou, se for um programador, pode criar um novo módulo para cada ligação ou criar um módulo dinâmico no gestor de design do HubSpot. Saiba mais sobre a criação de um módulo de ligação de pagamento.

Atenção: ao inserir o link de pagamento numa página, o resumo da encomenda e a descrição do checkout não aparecerão. Para exibir o resumo da encomenda e a descrição do checkout, pode partilhar o link directamente com um comprador.

embedded-checkout-page

Atenção: a criação de módulos requer conhecimentos de HTML, CSS, HubL, e o gestor de design do HubSpot. HubSpot recomenda trabalhar com um designer para criar módulos codificados.

Adicionar um link de pagamento aos e-mails de marketing

Pode adicionar um módulo de pagamento aos seus e-mails de marketing. Por exemplo, ao planear um evento, pode incluir um link de pagamento que permite a um comprador comprar um bilhete directamente do e-mail.

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

share-payment-link-in-marketing-email

  • Clique no menu suspenso Pagamentos e seleccione uma ligação.
  • No campo de texto do botão, editar o texto que aparece. Para inserir emojis no seu campo de texto, clique no ícone emoji.

add-emoji-to-button-módulo

  • Utilize as ferramentas de estilo para personalizar a fonte do texto, a cor do botão e o tamanho.
  • Termine de configurar e enviar o seu e-mail.

Quando um contacto clica no botão, eles serão trazidos directamente para a página de checkout. Saiba mais sobre o que acontece no HubSpot após a realização de um pagamento.

click-buy-now-link-in-email

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.