Cómo crear una página personalizada usando systeme.io

En este artículo aprenderás a crear una página personalizada en systeme.io.

Necesitarás:

• Una cuenta en systeme.io

PASO 1: empieza creando un túnel de ventas personalizado o cualquier otro túnel de tu elección

Ve a la pestaña Sitios y selecciona Túneles (1) para configurar un nuevo túnel de ventas.

Luego selecciona Personalizado y haz clic en Guardar (2). 

Una vez en tu túnel, haz clic en el botón Agregar etapa para crear la página de tu túnel.

Aparecerá una ventana emergente en donde debes insertar un nombre para la página (3) y seleccionar el tipo de página (4).

Luego de completar la ventana emergente y guardar, tendrás la opción de seleccionar una plantilla desde los diseños ofrecidos por systeme.io y personalizarla a tu gusto.

También puedes seleccionar empezar desde cero y personalizar tu diseño usando los elementos disponibles en el editor.

PASO 2: aprende cómo funciona la estructura de las páginas para personalizarlas.

Todos los sitios web están conformados por tres componentes esenciales

1. Secciones: estas son los principales bloques de construcción de tu página. Empiezas agregando secciones, luego insertas filas (columnas) y elementos dentro de ellas.

2. Filas (columnas): las columnas pueden ser ubicadas en secciones distintas de tu página; usa columnas para ajustar el diseño de cada sección en la página.

3. Elementos: estos son los componentes que le brindarán a tu página una apariencia distintiva. Tienes que insertar los elementos que deseas (video, imagen, texto, etc.) en tus columnas.

Cómo agregar secciones y columnas:

Empieza con cualquier plantilla o desde cero.

• Arrastra el elemento Sección desde la barra de herramientas.

Nota: puedes crear tantas secciones como desees.

• Haz clic en el ícono (5) de configuración para editar la sección.

En su configuración, puedes:

• Cambiar el color de fondo.

• Cambiar el color de fondo del contenido de la sección.

• Cargar una imagen de fondo haciendo clic en Cargar.

• También tienes la opción de elegir el modo de visualización de la imagen.

• Cuando agregas una sección, esta incluye automáticamente una fila y una columna dentro.

• Agrega columnas arrastrando el elemento Columna dentro de las secciones.

Agregar elementos:

Puedes agregar tantos elementos como lo desees, arrastrando el elemento de tu elección en tu editor de página.

Por ejemplo, aquí agregaremos texto y una imagen dentro de las columnas.

¡Muchos otros elementos también están disponibles!

Herramientas avanzadas de personalización:

Ajustes del texto:

Puedes ajustar la tipografía, color, tamaño y posición del texto, etc., haciendo clic en su ícono de configuración.

Nota: para acceder a herramientas de personalización avanzadas para cualquier elemento, simplemente haz clic en el ícono de configuración.

Cómo restablecer la configuración de un elemento

Si has realizado cambios en el estilo de un elemento y deseas revertirlos, puedes usar el botón Restablecer. Esta opción está disponible para configuraciones específicas como tipografía, colores o tamaño y posición.

Para restablecer una configuración, haz clic en el elemento que deseas editar para abrir su configuración en la barra lateral y selecciona la configuración específica que deseas revertir (por ejemplo, "Tipografía" o "Color").

Haz clic en el ícono de Restablecer (flecha circular) que aparece junto al nombre de la configuración.

Resultado después de restablecer la configuración de colores: