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.
CTAs

Incorporar calls-to-action (CTA) em seu site externo

Ultima atualização: Março 10, 2022

Disponível para

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Basic (versão anterior)

Os CTAs HubSpot podem ser usados tanto em páginas HubSpot como em páginas não HubSpot. Use os CTAs HubSpot no seu site externo para atrair e converter leads

Antes de incorporar os CTAs no seu site externo, certifique-se de que o código de rastreamento do HubSpot está instalado em suas páginas 

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > CTAs.
  • No painel de chamadas para a ação, passe o mouse sobre um CTA e clique em Actions (Ações) > Embedar código 

  • Na caixa de diálogo, clique em Copiar

  • Navegue até o sistema de gerenciamento de conteúdo do site externo (CMS). 
  • Cole o código de incorporação do CTA no HTML da sua página que não é do HubSpot, onde quer que o CTA apareça.  
  • Pré-visualize a sua AIC na página web para verificar como é quando está ao vivo. Se o CTA não for exibido corretamente, certifique-se de que seu CMS externo não mudou o código que você copiou. Se você estiver usando uma CTA de imagem, talvez seja necessário adicionar estilos adicionais para garantir que a CTA da imagem seja responsiva
  • Quando terminar, publique a sua página

Observação: 

  • Os CTAs incorporados em seu site externo serão atualizados automaticamente em todo o mundo quando uma alteração tiver sido feita no conteúdo, no texto ou no design geral do CTA.
  • Devido às diferenças nos sistemas de gerenciamento de conteúdo (CMS), os passos para acessar o código HTML do seu site e incorporar o código CTA podem ser diferentes. Se você não tiver certeza de como acessar o código HTML do seu site ou incorporar um código externo, envie este artigo por e-mail para seu webmaster, departamento de TI ou recurso técnico.
  • Se você está incorporando um CTA em um site WordPress, por favor, tome nota do seguinte:

    • Se você estiver incorporando uma CTA em seu site WordPress, talvez seja necessário aplicar declarações CSS adicionais em sua folha de estilos externa para que a CTA responda
    • Se você observar que suaCTA não está funcionando no WordPress, ou que o código integrado está sendo alterado quando você visualiza a página ativa, talvez seja necessário inserir a CTA usando um plug-in para garantir que o código integrado permaneça intacto.
    • Se você estiver usando a versão mais recente do Gutenberg, a que remove JavaScript integrado, use o plug-in Inline JS Block para Gutenberg para incorporar formulários e CTAs na sua página.
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.