Uma Floating Bar (barra flutuante) é um tipo de conteúdo web que aparece na parte superior ou inferior da sua página, ocupando toda a largura da mesma. Além disso, esta barra permanece fixa enquanto os usuários navegam pela página.
Neste artigo, você aprenderá a criar uma Floating Bar e inseri-la no seu site com o Connectif.
Tempo de implementação: 15 min.
Dificuldade: Baixa.
Quando utilizar: Quando quiser destacar informações importantes sem interromper a navegação do usuário.
PASO 1: Criação do conteúdo web do tipo Floating Bar
1. Acesse sua Loja do Connectif.
2. Vá para "Conteúdo > Conteúdo web" e clique em Criar novo conteúdo.
3. Selecione o tipo de conteúdo Floating Bar e atribua um nome.
4. Na aba Geral, ajuste a cor de fundo e selecione a posição da barra flutuante (parte superior ou inferior da página).
5. Na aba Componentes, adicione os elementos desejados e edite-os. Por exemplo, adicione um componente do tipo Texto para incluir uma mensagem na sua Floating Bar.
6. (Opcional). Adicione um link ao texto clicando no botão de Inserir link. Você também pode adicionar outros elementos, como variáveis, se desejar.
No nosso exemplo, adicionaremos um link para a página de ofertas.
7. Ajuste as opções de design do texto, como cor, tipografia, margens, etc.
8. Clique em Salvar para guardar as modificações no design da Floating Bar.
PASO 2: Criação do workflow para exibir a Floating Bar
9. Acesse a seção de Workflows e clique em Criar novo workflow.
10. Selecione Criar workflow em branco.
11. Edite o nó "Início" para que seja acionado para toda a sua lista de contatos, tanto existentes quanto novos, conforme mostrado na imagem.
12. Adicione um nó do tipo gatilho "Ao visitar página" e edite-o para escolher em quais páginas a Floating Bar será exibida.
No nosso exemplo, a Floating Bar será exibida em todas as páginas do site.
13. Adicione um nó do tipo ação "Enviar conteúdo web" e, na sua configuração, selecione sua Floating Bar. Clique em Próximo .
14. Configure quando o conteúdo web será exibido ao contato que visitar sua página. Por exemplo, "Após alguns segundos", para que seja exibido 5 segundos após o contato acessar sua web. Clique em Próximo .
15. Mantenha a limitação padrão do nó ativada para que a Floating Bar seja exibida apenas uma vez por contato, conforme mostrado na imagem.
16. Clique em Aplicar para salvar a configuração do nó.
17. Salve seu workflow e ative-o para definir quando ele deve iniciar e, opcionalmente, quando deseja finalizá-lo, para que a Floating Bar deixe de ser exibida.
No nosso exemplo, o workflow será iniciado automaticamente e será interrompido após 7 dias.
Sucesso!
Sua Floating Bar está integrada no seu site.
Continue aprendendo!
Para aproveitar ao máximo o potencial da sua conta no Connectif, recomendamos que continue com os seguintes artigos:
- Tipos de conteúdo web no Connectif, para conhecer os diferentes formatos que você pode criar e integrar no seu site.
- Editor de conteúdo web, para aprofundar seu conhecimento sobre como criar seus conteúdos web.
- Detectar e reagir a links web criados fora do Connectif, para identificar e responder aos cliques em qualquer link do seu site.
- Formulários integrados, para detectar e coletar no Connectif formulários já existentes no seu site.