É possível inserir códigos HTML, CSS ou JS?

Neste artigo, você aprenderá como inserir códigos HTML, CSS e JS em páginas criadas na systeme.io.

Você precisará de:

  • uma conta da systeme.io
  • um código HTML, CSS ou JS

Por que adicionar códigos customizados em suas páginas?

Ao adicionar códigos HTML em sua página, é possível adicionar estilo, funcionalidade e estrutura personalizados ao conteúdo de imagens, texto, links, etc.

Por exemplo:

  1. Para customizar o estilo, você pode adicionar códigos CSS.
  2. Para adicionar animações em uma página ou em elementos individuais (por exemplo, ao passar o mouse sobre ou clicar em um botão), adicione o código JS.
  3. Para adicionar títulos ou textos em geral, criar tabelas, partes e divisões em sua página,

Observações importantes:

Ao adicionar código personalizado às seções de códigos de cabeçalho, códigos de rodapé, códigos de rastreamento ou código html, não inclua nenhuma das seguintes tags:

  • <head> </head>
  • <footer> </footer>
  • <html> </html>
  • <body> </body>

Ao adicionar vídeos usando iframe , nenhuma tag adicional é necessária.

Incorreto:

<div> 
    <iframe src="link to your video"></iframe>
</div>

Correto:

<iframe src="link to your video"></iframe>

1. Adicionando códigos na seção “Rastreamento”:

Para inserir códigos de rastreamento do Facebook, vá até o funil de vendas que contém a página na qual você deseja adicionar o código.

Selecione a página do funil na lista de páginas à esquerda e clique em "Editar página".

No canto superior esquerdo, clique em "Configurações" e então role a tela para baixo até a seção “Rastreamento”.

1.1 Códigos a serem inseridos na seção de cabeçalho (header) do código

Nesta seção, você deve colar qualquer código que precise estar dentro das tags <head> e <head> de uma página.


1.2 Códigos a serem inseridos na seção do rodapé (footer) do código

Nesta seção, adicione qualquer código destinado ao “"Document Object Model" (DOM).

2. Adicionando um código na seção de Configurações do Funil de Vendas:

Alguns códigos que devem ser adicionados em cada uma das páginas do seu funil de vendas. 

Para evitar a necessidade de repetir o processo de colar o código em cada página, você pode aplicar os códigos globalmente a todas as páginas do funil automaticamente.

Para aplicar os códigos automaticamente em todas as páginas, vá até sua Foto de perfil, clique em "Configurações" e depois em Funis de Vendas, no menu lateral esquerdo. Cole o código na caixa de texto "Código de rastreamento" e clique em "Salvar".

3. Adicionando um elemento “Código HTML” à página:

Também é possível inserir qualquer código HTML diretamente em uma página através do editor.

1. Adicione o elemento “Código HTML” à parte desejada de sua página; para isso, basta arrastá-lo.

2. Selecione o ícone de engrenagem do elemento para exibir as opções de configuração (número 1 na imagem).

No painel esquerdo, clique em "Editar código" para exibir o pop-up onde poderá colar seu código (número 2 na imagem).

Apague o texto de exemplo, adicione o código HTML (número 3 na imagem) e clique em "salvar" (número 4 na imagem).

Certifique-se de salvar suas alterações.