Es posible insertar un código HTML, CSS o JS

En esta página aprenderás cómo insertar un código HTML, CSS y JS en las páginas creadas con systeme.io.

Necesitarás:

  • Una cuenta en systeme.io
  • Un código HTML, CSS o JS

¿Por qué agregar código personalizado en tus páginas?

Al agregar código HTML a tus páginas, es posible agregar estilo, funcionalidad o estructura personalizada a tus contenidos, imágenes, textos, enlaces, etc...

Por ejemplo: 

  1. Para personalizar el estilo, puedes agregar código CSS.
  2. para agregar animaciones en una página o elementos individuales (por ejemplo cuando se pasa el mouse o al hacer clic en un botón) agrega código JS.
  3. Para agregar títulos o texto en general, crear tablas, partes y divisiones en tu página agrega código HTML.

Notas importantes:

Al agregar código personalizado en las seccciones códigos de encabezado, códigos de pie de página, códigos de seguimiento o código HTML, no incluyas ningunas de las siguientes etiquetas:

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

Al agregar un video usando iframe, no se requieren etiquetas adicionales.

Forma incorrecta:

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

Forma correcta:

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

1. Agregar códigos en la sección "Seguimiento":

Para insertar los códigos de seguimiento de Facebook, dirígete al túnel de venta que contiene la página en donde quieres ubicar el código.

Selecciona a la izquierda la página de túnel desde la lista y haz clic en "Editar página".

Haz clic en "Configuración", en la parte superior izquierda y luego desplázate a la sección "Seguimiento". 

1.1 Los códigos que deben ser insertados en la sección código del encabezado 

En esta sección, debes pegar cualquier código que necesite estar entre etiquetas  <head> y </head> en la página.

1.2 Los códigos que deben ser insertados en la sección del pie de página

En este sección, cualquier código que esté destinado al "Document Object mode" (DOM).


2. Agregar códigos desde la configuración de los túneles de ventas:

Algunos códigos deben ser agregados en cada página para obtener un seguimiento preciso.

Para evitar tener repetir el proceso de pegar el código en cada página, puedes aplicar los códigos globalmente para todas las páginas de los túneles automáticamente.

Para aplicar los códigos automáticamente a todas las páginas, dirígete a tu foto de perfil, haz clic en "Configuración" y luego en "Túnel de ventas" desde los elementos de la izquierda. Pega el código de seguimiento el el campo "Código de seguimiento" y haz clic en "Guardar".

3. Agregar un elemento "Código HTML" a la página:

También es posible insertar cualquier código HTML directamente en una página a través del editor.

1. Agrega el elemento "Código HTML" arrastrándolo a la parte deseada de tu página.

2. Seleccionar el icono del engranaje del elemento para desplegar la configuración del elemento (número 1).

En el panel izquierdo, la sección destinada para la integración del código HTML será desplegada. Pega el código allí (número 2).

Agrega el código HTML en la casilla de texto (número 3), luego "Guardar" (número 4).

Asegúrate de guardar tus cambios.