Depois criando sua frase de chamariz (CTA) , você pode adicionar o CTA ao HubSpot e a páginas externas. Ao configurar seu CTA para páginas externas, o Código de rastreamento HubSpot Deve ser instalado. Você também pode adicionar CTAs ao seu arraste e solte e-mails de marketing.
A maneira como você adiciona um CTA a uma página depende do tipo de CTA que você criou:
- Se estiver usando CTAs incorporados, você poderá adicionar no máximo 100 CTAs incorporados por página. CTAs incorporados podem ser usados das seguintes maneiras:
- O módulo de call to action padrão nas páginas do HubSpot
- O módulo de botão padrão em um email de marketing
- Um snippet de código em seu site externo
- Se estiver usando um banner adesivo, uma caixa pop-up ou frases de chamariz deslizantes, você pode:
- Acione o CTA para aparecer quando um visitante clicar em um botão.
-
- Selecione um ou mais gatilhos de ativação, então defina metas usando o URL do site ou as informações do visitante. Quando o primeiro gatilho for atingido, o CTA aparecerá nas páginas segmentadas e para os visitantes especificados:
- Acionador na rolagem da página
- Acionar na intenção de saída
- Acionar após o tempo decorrido
- Gatilho após inatividade
Adicione um CTA ao seu conteúdo HubSpot
Nas páginas do HubSpot, o
código de rastreamento é instalado automaticamente. Para a maioria
gatilhos de ativação , o CTA aparecerá quando o primeiro gatilho for atendido. No entanto, para usar CTAs incorporados ou CTA que são acionados quando um visitante clica em um botão, você precisará adicionar o CTA manualmente.
Adicionar um CTA a uma página do HubSpot
Você pode incorporar CTAs em páginas hospedadas no HubSpot usando o módulo Call to action.
-
Acesse seu conteúdo:
- Páginas do site:
- Landing pages:
- Clique no nome do seu conteúdo.
- No editor de conteúdo, clique no botão acrescentar botão na barra lateral esquerda.
- No editor da barra lateral, pesquise e clique no botão Módulo de apelo à ação e arraste-o para a posição na página.
- No CTA seção, clique Selecione.
Adicione um CTA a uma postagem do blog da HubSpot
- Clique no nome da sua postagem.
- No editor de conteúdo, clique no botão módulo de rich text para personalizar seu conteúdo.
- Na barra de ferramentas de texto enriquecido, clique em Inserir > Chamada para ação.
- No painel direito, clique no CTAs aba.
- Selecione uma CTA inserir e clique em Inserir.
- No painel esquerdo, clique em Aplicar mudanças. O CTA selecionado agora será exibido no seu editor de rich text e na sua visualização.
Acione seu CTA ao clicar no botão no HubSpot
Você pode acionar seu banner adesivo, caixa pop-up ou CTA deslizante quando os visitantes clicam em um botão em uma página. Para configurar este gatilho usando um módulo de botão padrão em uma página do HubSpot:
-
Acesse seu conteúdo:
- Páginas do site:
- Landing pages:
- Clique no nome
- No painel esquerdo, no Adicionar guia, pesquise e selecione o padrão módulo de botão. Clique e arraste o módulo de botão na sua página.
- No painel esquerdo, clique no Link para menu suspenso e selecione CTA.
- Clique no CTA menu suspenso e selecione um CTA existente.
- Continue configurando seu módulo de botão.
Adicione um CTA incorporado aos seus e-mails de marketing de arrastar e soltar
Adicionar CTAs incorporados aos seus e-mails de marketing de arrastar e soltar e acompanhe a eficácia da sua oferta de CTA em vários pontos de contato.
Para adicionar um CTA no editor de e-mail arrastar e soltar:
- Passe o mouse sobre o e-mail ao qual deseja adicionar o CTA e clique em Editar. Ou crie um novo e-mail.
- No painel esquerdo, clique e arraste o Botão módulo no editor de e-mail.
- No painel esquerdo, clique no Link para menu suspenso. Em seguida, selecione CTA.
- Debaixo de Campo de CTA , clique Selecione.
- No painel direito, selecione um CTA inserir e clique em Inserir.
Observe: apenas um único botão ou imagem é suportada ao criar ou selecionar um CTA para seu e-mail. CTAs com múltiplos elementos, como um botão e uma imagem, não podem ser usados.
Personalize os botões de um tema para acionar seu 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 um CTA.
Se você estiver editando um tema padrão, eles devem ser clonado primeiro. Temas comprados do Mercado de ativos não pode ser clonado; é recomendado criar um tema filho em vez de.
Para personalizar o módulo de botão do seu tema:
- No canto superior esquerdo, procure seu módulo de botão.
- No painel direito, passe o mouse sobre Botão (grupo de campos) e clique Editar.
- Em Campos agrupados, passe o mouse sobre URL (URL) e clique Editar.
- Clique no Tipos de URL suportados menu suspenso. Em seguida, selecione o CTA caixa de seleção.
- No canto superior direito, clique em Publicar alterações. Após publicar suas alterações, o CTA a opção deve aparecer ao usar o módulo de botão do tema em suas páginas.
Adicione um CTA ao seu conteúdo externo
Você pode adicionar CTAs às suas páginas externas. Antes de usar um CTA da HubSpot em seu site externo, você deve instale o Código de rastreamento HubSpot.
Depois de instalar o código de rastreamento, para a maioria gatilhos de ativação , o CTA aparecerá quando o primeiro gatilho for atendido. No entanto, para usar CTAs incorporados ou CTA que são acionados quando um visitante clica em um botão, você precisará adicionar o CTA manualmente.
Incorpore um CTA em seu site externo
Para adicionar um CTA incorporado às suas páginas externas:
- No canto superior esquerdo, clique no menu suspenso e selecione CTAs.
- Passe o mouse sobre um CTA e clique Ações > Embutir.
- Clique copiar para área de transferência para copiar o código CTA para sua área de transferência.
- Navegue até o sistema de gerenciamento de conteúdo (CMS) do seu site externo.
- Cole o código incorporado do CTA no HTML da sua página que não é do HubSpot, onde você deseja que o CTA apareça.
- Visualize seu CTA na página da web para verificar como ficará quando estiver ao vivo. Se o CTA não for exibido corretamente, verifique se o seu CMS externo não alterou o código.
- Quando terminar, publique sua página.
Geralmente, editar o CTA não afetará seu código de incorporação. Por exemplo, editar o Abrir link em nova aba opção não mudará o target="_blank"
atributo no código de incorporação.
O snippet de código de incorporação atua como um espaço reservado antes que a versão iframe do CTA seja renderizada. Esta versão renderizada do CTA refletirá o correto Abrir em nova aba valor definido no editor.
Para abrir um link na mesma janela no espaço reservado, os usuários podem alterar manualmente a tag de atributo de destino para target="_self"
.
Acione um CTA ao clicar no botão em seu site externo
Antes de usar um CTA em seu site externo, você deve instalar o Código de rastreamento HubSpot. Para configurar seu gatilho em uma página externa:
- No canto superior esquerdo, clique no menu suspenso e selecione CTAs.
- Passe o mouse sobre um CTA e clique Editar.
- Na parte superior, clique na guia Direcionamento.
- Sob o Gatilho no clique do botão seção, clique Trecho de código.
- Na caixa de diálogo, clique em cópia de.
- Cole as classes incorporadas no botão do seu site externo. Se você não tiver certeza de como adicionar classes CSS aos botões do seu site, talvez seja necessário consultar seu webmaster, departamento de TI ou desenvolvedor.