Adicionar chamadas para acção (CTAs) às suas páginas

Depois de criar a sua chamada para acção (CTA), pode adicionar a CTA ao HubSpot e a páginas externas. A forma como adiciona uma CTA a uma página depende do tipo de CTA que criou:

• Se tiver criado uma CTA incorporada, pode adicionar as CTAs incorporadas utilizando o módulo de chamadas para acção predefinido no HubSpot ou um fragmento de código no seu site externo. 
• Se criou um banner autocolante, uma caixa pop-up ou apelos à acção deslizantes, pode fazê-lo:
  • Desencadeia a apresentação da CTA quando um visitante clica num botão.

• • Seleccione um ou mais dos seguintes accionadores de activação e, em seguida, defina objectivos utilizando o URL do sítio Web  ou as informações do visitante. A CTA aparecerá nas páginas visadas e para os visitantes especificados, assim que o primeiro accionador for atingido. Ao configurar sua CTA para páginas externas, o código de rastreamento do HubSpot deve ser instalado.
    • Accionamento na deslocação da página
    • Accionar a intenção de saída
    • Accionamento após tempo decorrido
    • Accionamento após inactividade

Adicionar uma CTA às suas páginas do HubSpot

Adicionar uma CTA incorporada à sua página do HubSpot 

Para adicionar uma CTA incorporada usando um módulo padrão em uma página do HubSpot: 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.

• Clique na página do sítio Web ou na página de destino para adicionar a CTA. 
• No painel esquerdo, no separador Adicionar , procure e seleccione o módulo Call-to-action predefinido. Clique e arraste o módulo para a sua página. 

• No painel esquerdo, clique em Seleccione.
• No painel direito, clique no separador CTAs .
• Seleccione uma CTA para inserir e, em seguida, clique em Insert. 
• No painel esquerdo, clique em Aplicar alterações. A CTA seleccionada será agora apresentada no seu editor de rich text e na sua pré-visualização.

Acionar sua CTA no clique do botão no HubSpot 

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, navegue até Marketing > Site > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.

• Clique na página web ou na página de destino para adicionar o CTA e o botão correspondente. 
• No painel esquerdo, no separador Adicionar , procurar e seleccionar o módulo de botãopredefinido. Clique e arraste o módulo de botões para a sua página.
  
  
  

• No painel esquerdo, clique no menu pendente Ligar a e seleccione CTA.
• Clique no menu pendente CTA e seleccione uma CTA existente. 
• Continue a configurar o seu módulo de botões.
  
  
  

Personalize os botões de um tema para accionar a sua CTA ao clicar no botão 

Se você estiver usando um tema personalizado no HubSpot, talvez seja necessário personalizar o módulo de botão do tema para acionar uma CTA. Para editar os ficheiros de temas predefinidos no gestor de design, estes devem primeiro ser clonados. Os temas comprados no Asset Marketplace não podem ser clonados; recomenda-se que crie um tema filho . 

Para personalizar o módulo de botões do seu tema: 

• Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
• Na parte superior esquerda do gestor de design, procure o seu módulo de botões. 
• No painel direito, flutuar sobre o Botão (Grupo de campo) e clicar em Editar.
•  Em campos agrupados, flutuar sobre o URL (URL) e clicar em Editar.
• Clique no menu suspenso Tipos de URL suportados. Em seguida, seleccione a caixa de verificação CTA. 
• No canto superior direito, clique em Publicar alterações. Depois de publicar as suas alterações, a opção CTA deve aparecer quando utilizar o módulo de botões temáticos nas suas páginas.
  
  
  

Adicionar uma CTA às suas páginas externas

Antes de usar uma CTA da HubSpot no seu site externo, você deve instalar o código de rastreamento da HubSpot. Depois de instalar o código de rastreio, para a maioria dos accionadores de activação , a CTA aparecerá quando o primeiro accionador for atingido. No entanto, para utilizar uma CTA incorporada ou uma CTA que é accionada quando um visitante clica num botão, terá de adicionar manualmente a CTA. 

Incorporar uma CTA no seu sítio Web externo 

Para adicionar uma CTA incorporada às suas páginas externas:

• Na sua conta da HubSpot, navegue até Marketing > Captura de leads > CTAs.
• No canto superior esquerdo, clique no menu pendente e seleccione CTAs.
• Coloque o cursor do rato sobre uma CTA e clique em Actions > Embed.
•  clique em copy to clipboard para copiar o código CTA para a sua área de transferência. 
• Navegue até ao sistema de gestão de conteúdos (CMS) do seu sítio Web externo. 
• Cole o código de incorporação da CTA no HTML da sua página que não é do HubSpot, onde quer que a CTA apareça. 
• Pré-visualize a sua CTA na página Web para verificar o seu aspecto quando estiver activa. Se o CTA não for exibido corretamente, certifique-se de que seu CMS externo não mudou o código que você copiou.

• Quando tiver terminado, publique a sua página. 

Accionar uma CTA ao clicar num botão no seu sítio Web externo 

Antes de utilizar um CTA no seu website externo, certifique-se de que instalou o código de rastreio do HubSpot. Para instalar o seu gatilho numa página externa:

• Na sua conta HubSpot, navegue para Marketing > Lead Capture > CTAs.
• No canto superior esquerdo, clique no menu pendente e seleccione CTAs.
• Passe o cursor sobre um CTA e clique em Editar. 
• No topo, clicar no separador "Targeting" . 

• Na secção Trigger on button click, clique em Code snippet.
  
  
  

• Na caixa de diálogo, clique em Copiar. 
• Colar as classes de incorporação no seu botão no seu sítio web externo. Se não tiver a certeza de como adicionar classes CSS aos botões do seu site, poderá ter de trabalhar com o seu webmaster, departamento de TI ou programador.