Ultima atualização: Janeiro 20, 2023
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.
- 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.
- 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.
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.
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.
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.
- 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.
- 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.
