É possível inserir código em HTML, CSS ou JS?
Neste artigo, você vai aprender como inserir códigos HTML, CSS e JS em páginas criadas na systeme.io.
- uma conta da systeme.io
- um código HTML, CSS ou JS
Existem três (3) métodos para integrar diferentes códigos em suas páginas.
1. A adição de códigos na seção “Códigos de Rastreamento”:
Para integrar seus códigos de rastreamento, você precisa ir ao seu funil de vendas que contém a página na qual você deseja inserir o código.
A seguir, vá ao editor desta página e acesse as configurações no painel esquerdo.
Role a tela para baixo até a seção de “Código de Rastreamento”.
1.1 Códigos a serem inseridos na seção de cabeçalho (header) do código
Qualquer parte introdutória do código deve ser colocada na parte chamada <header>.
Portanto, qualquer código que pedir para você inserir a parte do “Header” deve ser incluído na seção de cabeçalho do seu editor na systeme.io.
1.2 Códigos a serem inseridos na parte do rodapé (footer) do código
Qualquer Código para o “Modo de Objeto do Documento” ou mais, de acordo com o “Modelo de Objeto do Documento” (DOM), deve ser inserido na parte do rodapé do código.
2. Adicionar um código na seção de Configurações do Funil de Vendas:
Existem códigos que devem ser adicionados em cada uma das páginas do seu funil de vendas.
Para evitar o transtorno de ter que colá-lo, você pode aplicá-lo diretamente no código de rastreamento para esse propósito, e ele será implantado automaticamente em todo o funil de vendas.
Para fazer isso, vá até o seu Menu (exibido ao clicar em sua foto de perfil) e depois vá para as Configurações dos Funis de Vendas e insira o código no campo destinado a este fim.
3. Adicionando um elemento “Código HTML” à página:
Também é possível inserir qualquer código HTML diretamente em uma página criada na systeme.io por meio do editor.
1. Você precisará adicionar o elemento “Código HTML” à parte desejada de sua página; para isso, basta arrastá-lo.
2. A seguir, selecione a engrenagem do item para exibir suas opções de configuração. (número 1 na imagem).
No painel esquerdo, a seção destinada à integração do código HTML será exibida e você terá que colar o código ali (número 2 na imagem).
Você deve então adicionar o código HTML (número 3 na imagem) e depois "salvar" (número 4 na imagem).
Certifique-se de salvar suas alterações.
A adição de um código HTML à sua página possibilita trazer funcionalidades através de uma linguagem descritiva para estruturar os conteúdos desta página (imagem, texto, link...).
Em outras palavras, isso possibilita:
- Adicionar animações a uma página para customizar sua exibição quando você clica em um certo botão, ao adicionar JS, por exemplo.
- Para adicionar um design, a customização é feita por meio da adição de CSS.
- Para adicionar títulos ou textos em geral, criar tabelas, partes e divisões em sua página, adicionando código HTML.