Se você leu este O que é um CTA e como utilizar na estratégia, você sabe a importância de espalhar, estrategicamente em seu website, bons CTA’s que atendam todas as etapas do Funil de Captação é uma prática que pode contribuir, diretamente, para o sucesso da sua conversão de alunos.
Pensando nisso, a Rubeus desenvolveu uma nova funcionalidade em que permite que você configure seus CTA’s, de maneira simples e eficiente.
Vamos conhecê-la na prática?
Antes de tudo...
O primeiro ponto a ser observado para o correto funcionamento do CTA é a que a Plataforma Rubeus e a página em que o CTA será incorporado devem possuir o script de monitoramento de páginas da Rubeus incorporado.
Por isso, precisamos entender como deve ser realizada esta configuração. Veja o passo a passo:
- Na Página inicial da Plataforma (tela de contatos), clique na engrenagem;
- Selecione Definições do sistema;
- Clique em Monitoramento de páginas;
- Agora, copie o código de monitoramento apresentado;
Depois disso, cole o código copiado do monitoramento de páginas na tag head (<head>) da página onde deseja incorporar o CTA.
Pronto, agora, o tracking está funcionando corretamente na página desejada.
Tudo certo para começarmos
Antes de seguir o tutorial guiado abaixo, veja este rápido vídeo para entender como é simples e porquê será importante:
Agora sim! Já podemos adicionar o primeiro CTA, vamos lá?
- Na Página inicial da Plataforma (tela de contatos), clique em Estratégias;
- Selecione Calls to action;
- Agora, clique em Adicionar.
Fazendo isso, você, encontrará o seguinte pop-up:
Vamos analisá-la parte por parte?
- Vamos começar com o editor de texto:
Nele, você consegue configurar o conteúdo de texto do seu CTA.
Atenção: todas as alterações realizadas nele, podem ser visualizadas, em tempo real no preview do CTA que fica ao lado direito das configurações.
2. Agora vamos ver o editor os 4 estilos disponíveis para os seus CTA’s: simples, link, retangular e download. Veja como sua chamada para ação muda de acordo com cada estilo:
Atenção: Nos estilos link e download não há a possibilidade de editar suas cores de fundo através do nosso seletor de cor. Logo, só é possível realizar a alteração desta cor de fundo por meio de configurações avançadas, as quais veremos mais à frente.
3. Agora vamos ver o seletor de cor:
Com este componente é possível adicionar uma cor no formato hexadecimal que será aplicada instantaneamente ao seu CTA. Para alterar a cor de fundo, basta clicar no círculo colorido e usar a paleta de cores ou o código para selecionar a cor desejada.
4. Agora, vamos falar sobre nossas opções avançadas, por padrão, a altura e largura do CTA vem automática, ou seja, elas se adaptam ao texto que vem dentro do CTA, aqui vemos essa opção habilitada:
Atenção: Caso você desmarque a opção de dimensionamento automático, você, obrigatoriamente, terá que definir uma largura e altura:
5. Neste momento, você poderá utilizar uma classe CSS do site onde o CTA será incorporado. Com isso, o seu CTA passa a possuir os mesmos estilos da página, sem precisar preocupar-se com isso na hora de configurá-lo:
6. Existe uma área em que você poderá passar propriedades CSS. Elas irão sobrescrever qualquer outra propriedade que existe no CTA. Por exemplo, caso você escolha uma cor no seletor de cor do botão, ela poderá ser sobrescrita pela propriedade: “background-color: #000”, por exemplo.
Atenção: Caso seja necessário passar mais de uma propriedade de CSS, separe-as por ponto e vírgula.
Configurando o seu CTA
Agora, que você já adicionou o seu CTA, é hora de aprender a configurá-lo. Para isso, veja o que é necessário:
- No campo Nome do CTA, você deve definir o nome pelo qual identificará a sua chamada para ação;
- Já quando tratamos do campo Tipo de redirecionamento de URL é importante saber que esses tipos de redirecionamento servem para redirecionar o usuário quando ele clicar em seu CTA. Há três tipos de redirecionamento, vamos entender cada um:
- URL de site externo: refere-se à uma URL na qual o usuário será redirecionado para um site externo;
- Canal personalizado: será exibido uma lista com todos os canais existente na Plataforma Rubeus e quando o usuário clicar na CTA será redirecionado para a url do canal;
- Download de arquivo: faz referência à uma url de algum arquivo. Isso significa que, quando o interessado clicar em seu CTA ele fará o download de um arquivo.
3. Por fim, temos a opção Abrir página em nova aba. Ao selecioná-la, quando o seu tipo de redirecionamento escolhido for URL de site externo ou Canal Personalizado a url será aberta em uma nova guia. Mas, caso opte por desmarcá-la, a url será aberta por cima da guia atual.
Tudo muito simples, não é mesmo? Mas, caso tenha alguma dificuldade para realizar essas configurações, entre em contato conosco. ;)
Comentários
0 comentário
Por favor, entre para comentar.