É 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:

  1. 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.
  2. Para adicionar um design, a customização é feita por meio da adição de CSS.
  3. Para adicionar títulos ou textos em geral, criar tabelas, partes e divisões em sua página, adicionando código HTML.