Cómo crear una página personalizada usando systeme.io
En esta página aprenderás cómo crear una página personalizada en systeme.io.
Necesitarás:
Una cuenta en systeme.io
Un túnel de ventas
Seleccionar la pestaña "**Túneles**" y hacer clic en el botón "+ Crear" (número 1), luego seleccionar la opción de túnel "Personalizado" (número 2).
Haz clic en el botón "Agregar etapa" (número 3). Se desplegará una ventana emergente en donde debes insertar el nombre de la página (número 4) y seleccionar el tipo de página (número 5). Haz clic en el botón "Guardar" (número 6).
Puedes seleccionar los siguientes tipos de página:
Página opt-in: Para capturar leads y crear una lista de correo
Página de captura
Formulario en línea
Formulario emergente
Página de agradecimiento luego del opt-in
Página de ventas: Para vender productos y servicios
Página de venta
Página de pago
Página de agradecimiento
Upsell
Downsell
Webinar: Para crear webinars automatizados
Página de registro al webinar
Página de agradecimiento al webinar
Página de transmisión del webinar
Varios
Página de información
Página de contacto
Puedes seleccionar cualquier plantilla disponible en systeme.io.
Todos los sitios web están formados por 3 capas básicas de diseño.
Las secciones (cuadros verdes en la imagen) son la capa base que sostiene toda la página y estructura tu sitio. Así que agrega PRIMERO este elemento dentro de la página. Después, podrás insertar dentro de la sección tu logo, imágenes, etc.
Las columnas (cuadros azules en la imagen), pueden ser insertadas dentro de las secciones de la página. Utiliza las columnas para ajustar la disposición de cada una de las secciones de la página.
Los elementos (cuadros amarillos en la imagen) se conforman con cualquier elemento que desees ubicar dentro de las columnas. Estos son los detalles que le darán un toque único a una página.
Empieza con cualquier plantilla o con una página en blanco.
Arrastra y suelta el elemento "**Sección**" desde el editor.
Haz clic en "Configuración" para modificar el elemento "**Sección**".
Puedes cambiar el color de fondo y agregar imágenes.
Puedes agregar tantas secciones como quieras. Al agregar una sección encontrarás una columna con una Fila dentro de ella.
Puedes arrastrar y soltar el elemento "**Columna**" dentro de las secciones.
Puedes añadir tantos elementos como lo desees.
Para añadir elementos (texto, multimedia, etc.) arrastra y suelta los elementos dentro de las columnas.
¡Hay muchos elementos más para añadir!
Puedes ajustar el color del texto, el color del fondo, etc.
Puedes ajustar las márgenes y el relleno, por ejemplo:
Al terminar la creación y configuración de la página, no olvides hacer clic en el botón "Guardar cambios" para conservar todas las modificaciones que hayan sido efectuadas.
Necesitarás:
Una cuenta en systeme.io
Un túnel de ventas
PASO 1: Empezar creando un túnel personalizado o el túnel de tu preferencia.
Seleccionar la pestaña "**Túneles**" y hacer clic en el botón "+ Crear" (número 1), luego seleccionar la opción de túnel "Personalizado" (número 2).
Haz clic en el botón "Agregar etapa" (número 3). Se desplegará una ventana emergente en donde debes insertar el nombre de la página (número 4) y seleccionar el tipo de página (número 5). Haz clic en el botón "Guardar" (número 6).
Puedes seleccionar los siguientes tipos de página:
Página opt-in: Para capturar leads y crear una lista de correo
Página de captura
Formulario en línea
Formulario emergente
Página de agradecimiento luego del opt-in
Página de ventas: Para vender productos y servicios
Página de venta
Página de pago
Página de agradecimiento
Upsell
Downsell
Webinar: Para crear webinars automatizados
Página de registro al webinar
Página de agradecimiento al webinar
Página de transmisión del webinar
Varios
Página de información
Página de contacto
Puedes seleccionar cualquier plantilla disponible en systeme.io.
PASO 2: Entender cómo funciona la estructura de una página para personalizar las páginas.
Todos los sitios web están formados por 3 capas básicas de diseño.
Las secciones (cuadros verdes en la imagen) son la capa base que sostiene toda la página y estructura tu sitio. Así que agrega PRIMERO este elemento dentro de la página. Después, podrás insertar dentro de la sección tu logo, imágenes, etc.
Las columnas (cuadros azules en la imagen), pueden ser insertadas dentro de las secciones de la página. Utiliza las columnas para ajustar la disposición de cada una de las secciones de la página.
Los elementos (cuadros amarillos en la imagen) se conforman con cualquier elemento que desees ubicar dentro de las columnas. Estos son los detalles que le darán un toque único a una página.
Cómo añadir secciones, columnas y elementos
Empieza con cualquier plantilla o con una página en blanco.
Arrastra y suelta el elemento "**Sección**" desde el editor.
Haz clic en "Configuración" para modificar el elemento "**Sección**".
Puedes cambiar el color de fondo y agregar imágenes.
Puedes agregar tantas secciones como quieras. Al agregar una sección encontrarás una columna con una Fila dentro de ella.
Puedes arrastrar y soltar el elemento "**Columna**" dentro de las secciones.
Añadir elementos
Puedes añadir tantos elementos como lo desees.
Para añadir elementos (texto, multimedia, etc.) arrastra y suelta los elementos dentro de las columnas.
¡Hay muchos elementos más para añadir!
Herramientas avanzadas de personalización
Puedes ajustar el color del texto, el color del fondo, etc.
Puedes ajustar las márgenes y el relleno, por ejemplo:
Al terminar la creación y configuración de la página, no olvides hacer clic en el botón "Guardar cambios" para conservar todas las modificaciones que hayan sido efectuadas.
Actualizado el: 26/05/2025
¡Gracias!