Connectif permite adicionar facilmente conteúdos web personalizados no seu eCommerce sem a necessidade de modificar seu código nem alterar sua estrutura.
Neste artigo, você aprenderá como inserir conteúdo do Connectif embutido no seu site.
PASSO 1. Localização do seletor adequado no código
(Nesta seção, identifica-se a etiqueta adequada do site onde o Connectif exibirá o conteúdo).
1.1 Localizar o seletor
1. Acesse a página do seu site onde deseja adicionar o conteúdo embutido.
2. Visualize o bloco que deseja usar como referência.
3. Abra o console de ferramentas de desenvolvimento (DevTools) do navegador.
4. Selecione a aba Elements no console para visualizar a estrutura HTML.
5. Clique no ícone Inspecionar, o primeiro à esquerda no menu superior.
6. Coloque o cursor do mouse sobre a área do conteúdo que planeja usar como referência. Clique quando a seleção estiver correta para que a tag fique destacada no console.
1.2 Confirmar que o seletor é único.
(Nesta seção, verifica-se que o parâmetro para identificar a tag não se repete em nenhuma outra tag).
7. Clique no conteúdo da aba Elements do console e use o atalho de teclado Control + F para procurar o nome da tag ou atributo.
8. Copie o nome do seu seletor único para a área de transferência ou para um bloco de notas.
9. Feche o console de desenvolvimento.
PASSO 2. Exibir o conteúdo embutido no site
2.1 Criar um workflow para exibir o conteúdo
10. Acesse “Workflows” e clique em Criar novo workflow.
11. Desenvolva sua estratégia estabelecendo as condições para exibir o conteúdo embutido aos contatos.
12. Configure os demais nós do workflow, exceto o nó "Enviar conteúdo web" (as instruções para configurá-lo estão no próximo passo).
2.2 Configurar o nó "Enviar conteúdo web"
13. No nó “Enviar conteúdo web”, clique em (Editar configuração do nó).
14. Na primeira etapa da configuração, selecione ou crie um novo conteúdo inline.
15. Clique em Próximo .
16. Cole na seção Seletor o nome obtido no passo 8 e marque seu tipo nos botões à esquerda.
17. Escolha a posição em relação ao elemento selecionado na qual o conteúdo será inserido.
18. Clique em Próximo .
19. Associe as variáveis, se necessário.
20. Clique em Finalizar .
21. No workflow, clique em Salvar para salvar as alterações e em Iniciar para ativá-lo.
22. Verifique no seu site se o conteúdo está sendo exibido como esperado.
USOS ALTERNATIVOS
Utilize o conteúdo embutido de forma inteligente para melhorar ainda mais seus resultados.
1. Inserir conteúdo embutido invisível para o visitante
(Nesta seção, explicamos como incluir código HTML no seu site a partir do Connectif sem nenhum elemento visual).
1. Acesse “Conteúdo > Conteúdos Web” e clique em Criar novo conteúdo web.
2. Selecione como tipo de conteúdo web Inline.
3. Dê um nome ao seu conteúdo.
3. Clique em Criar conteúdo web.
4. Adicione um componente avançado do tipo HTML.
5. Escreva o conteúdo do código HTML.
6. Clique em Salvar.
7. Crie um workflow, seguindo os passos deste guia a partir do PASSO 2, para usar seu conteúdo embutido invisível para o visitante.
Continue aprendendo!
Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos:
- Integração personalizada para enviar dados, para enviar dados do Connectif para sistemas ou aplicativos externos.
- Detectar e reagir a links web criados fora do Connectif, para detectar e reagir aos cliques em qualquer link do seu site.
-
Integração com Facebook e Instagram, para conectar sua conta do Facebook Ads com o Connectif e começar a gerenciar suas audiências.
-
Formulários integrados, para integrar ao Connectif formulários já existentes no seu site.