En esta página aprenderás cómo crear un sitio web usando systeme.io.

Puedes usar la función blog o la función túneles de venta para crear tu sitio web. Te recomendamos usar la función blog si deseas publicar contenido regularmente y si tienes una gran cantidad de páginas en tu sitio.

Si quieres crear un sitio web sencillo con un par de páginas, te sugerimos usar la función de túneles.

1. Cómo crear un sitio web utilizando la función blog 

Necesitarás:

• un nombre de dominio personalizado previamente conectado a systeme.io (Haz clic aquí para conectar tu dominio a systeme.io)
• un blog creado usando systeme.io (Cómo crear un blog en systeme.io)

Paso 1: agrega nuevas páginas a tu blog 

Haz clic en la pestaña Sitios y luego en Blogs (1), luego ingresa a tu blog haciendo clic en tu nombre (2).

Luego haz clic en la pestaña Páginas (3) y luego en Crear (4).

Nota: al crear un blog, este incluye automáticamente 4 páginas predeterminadas (páginas de inicio, nosotros, lista de publicaciones y página de contacto). Puedes editar estas páginas o agregar nuevas.

Ingresa el nombre de la página de blog y su ruta URL en la ventana emergente, luego haz clic en Crear una página de blog (5) para validar la creación de la nueva página de blog.

En esta página de ayuda encontrarás instrucciones detalladas para agregar nuevas páginas en tu blog.

Paso 2: establece la página de inicio de tu blog como la página de inicio de tu sitio web

Al crear tu blog, asegúrate de establecer la página de inicio de tu blog como la página de inicio de tu sitio web (es decir, la ruta URL principal sin rutas adicionales). De esa manera, la página de inicio de tu blog aparecerá cuando los visitantes abran tu sitio web.

Haz clic en los tres puntos (6) del blog seleccionado y luego en Configuración (7).

Elimina la ruta URL y haz clic en Guardar (8). De esta forma, la página de inicio de tu blog se convertirá en la página de inicio de tu sitio web.

Paso 3: agrega el elemento "Menú" a tu página de inicio

Luego de configurar la página de inicio de tu blog como la página de inicio principal de tu sitio web, tendrás que configurar el elemento menú que aparece en esta página.

Para configurar el menú de tu blog, haz clic en Diseño del blog (9).

Cuando se abra el editor del diseño del blog, haz clic en el elemento del menú (10) en tu página para editar los elementos predeterminados, eliminarlos o agregar nuevos. (El diseño del blog te permite definir los elementos que aparecerán por defecto en todas las páginas de tu blog).

Los nuevos elementos del menú pueden ser páginas de blog, publicaciones de blog o URLs personalizadas. Te recomendamos agregar la misma cantidad de elementos del menú que tus páginas de blog para garantizar que los visitantes puedan acceder fácilmente a todas las páginas de tu sitio desde la página de inicio.

Puedes agregar y personalizar los elementos de tu menú usando las siguientes opciones: 

• Título (11): Ingresa el nombre del elemento del menú (ej. Inicio).
• Tipo de enlace (12): Elige entre Enlace de blog o URL personalizada.
• Enlace del elemento de menú (13):
  • Si seleccionas Enlace de blog, elige una página de blog existente de la lista desplegable.
  • Si seleccionas URL personalizada, escribe la dirección URL directamente en el campo.
• Abrir en una ventana nueva (14): Marca esta casilla si deseas que el enlace se abra en una pestaña o ventana nueva.
• Eliminar (15): Quita el elemento del menú tanto de la configuración como de la página.
• Agregar submenú (16): Un interruptor que permite activar o desactivar un submenú para este elemento.
• Abrir (17): Muestra los elementos del submenú dentro del editor para que puedas previsualizar y editar su apariencia.
• Configuración del submenú (18): Los elementos del submenú utilizan las mismas opciones que los elementos del menú principal.
• Añadir elemento de submenú (19): Utiliza esta opción para crear nuevos elementos dentro del submenú.
• Añadir elemento de menú (20): Haz clic en este botón para crear un nuevo elemento en el menú principal.
• Mover elemento de menú (21): Utiliza las flechas para cambiar la posición de un elemento:
  • Al hacer clic en la flecha hacia arriba, el elemento se intercambia con el que tiene encima.
  • Al hacer clic en la flecha hacia abajo, el elemento se intercambia con el que tiene debajo

También es posible crear un menú adherido (visible a lo largo de toda la página). Para hacerlo:

• Haz clic en la sección que contiene el elemento menú, luego deslízate en el editor izquierdo hasta la sección Adherido (22).
• Marca la casilla ¿Deseas que este elemento siempre esté visible? (adherido). Luego elige si deseas que la sección adherida quede arriba o abajo de la página.
• También puedes ajustar qué tan lejos el menú adherido está posicionado desde el borde usando la opción sangría.

Nota: el menú de tu sitio web aparecerá en todas las páginas de tu blog.

Para quitar el menú de una de tus páginas, haz clic en No utilizar el diseño del blog (23).

Para instrucciones más detalladas sobre la configuración del menú de un blog, consulta esta página de ayuda: Cómo crear un menú de blog.

Paso 4: diseña tu página de inicio y el resto de las páginas de tu sitio web

Puedes diseñar las páginas de tu sitio web según tu preferencia.

Para hacerlo, abre el editor de la página que deseas diseñar, haciendo clic en Editar (24) o directamente en el nombre de la página.

Una vez hayas abierto el editor de tu página de inicio, puedes eliminar cualquier elemento que no quieras conservar o conservar los existentes y ajustarlos según tus necesidades.

Haz clic en el elemento que desees modificar para abrir su configuración, luego usa el editor izquierdo para adaptarlo.

En nuestro ejemplo, modificaremos el elemento Texto:

Una vez que selecciones el elemento que deseas editar, utiliza el editor izquierdo para hacer tus cambios. Puedes modificar la tipografía, color, tamaño y posición.

Además de los elementos existentes, puedes agregar nuevos elementos a tus páginas, tales como el elemento imagen, el elemento audio o el elemento video.

Haz clic en el elemento deseado, arrástralo a tu página y suéltalo en el lugar deseado.

Aquí puedes ver cómo agregar el elemento Video a tu página, como en el ejemplo:

Nota: te recomendamos consultar nuestra base de conocimiento, donde encontrarás páginas de ayuda que explican cómo usar los distintos elementos de tu editor de página.

2. Crear un sitio web utilizando la función túneles

Necesitarás:

• un nombre de dominio personalizado previamente conectado a systeme.io (Cómo conectar tu dominio en systeme.io)
• un túnel creado usando systeme.io (Cómo crear un túnel)

Cuando hayas creado tu túnel, agrega nuevas páginas (o etapas) a él; estas páginas funcionan como las páginas de tu sitio web. Te recomendamos agregar cinco páginas a tu túnel.

Paso 1: Crear nuevas páginas para tu sitio web

Abre tu túnel, luego haz clic en Agregar etapa (1).

Escribe el título de la página y elige el tipo, luego haz clic en Guardar (2).

Selecciona la plantilla de tu elección haciendo clic en la marca verde (3) y diseña la página según tus preferencias.

Sigue este proceso para crear todas las páginas de tu sitio web (páginas del túnel).

Paso 2: define una página de tu túnel como la página de inicio de tu sitio web

Abre tu túnel, haz clic en la página que deseas definir como tu página de inicio y elimina la ruta URL (4).

Resultado:

Nota: solo una página puede ser establecida como la página de inicio, bien sea una de tus páginas de blog (como se explicó antes) o una página de túnel.

Paso 3: agregar el elemento "Menú" a la página de inicio de tu sitio web

Luego de establecer la página de inicio de tu túnel como la página de inicio de tu sitio web, configura el elemento menú en esta página. Agrega el mismo número de elementos de menú que el número de  páginas de tu sitio web (etapas del túnel).

Abre el editor de tu página de inicio, arrastra el elemento Menú (3) y suéltalo en tu página.

Nota: tienes que editar la plantilla seleccionada quitando los elementos no deseados o personalizarlos para que coincidan tus preferencias.

Puedes agregar nuevos elementos al menú y conectar cada elemento con una página de tu túnel.

Para hacerlo, regresa a tu túnel, haz clic en el página que deseas conectar al elemento del menú y copia su URL (4).

En este ejemplo, creamos otra etapa de túnel (Nosotros) para conectarlo con nuestro recurso de menú Nosotros.

Regresa al editor de tu página de inicio, haz clic en el elemento Menú para abrir su configuración y luego haz clic en Agregar elemento de menú (5).

Escribe el título del elemento menú (6) y pega la URL de la página que has copiado (7).

Usa el mismo método para crear elementos de menú para todas las páginas de tu sitio web.

Puedes eliminar elementos del menú haciendo clic en el ícono de papelera (8) y reorganizarlos haciendo clic en las flechas (9).

Si deseas que el menú se muestre en todas las páginas de tu sitio web, puedes guardarlo como un bloque maestro e insertarlo en las demás páginas de tu sitio web (Cómo crear un bloque maestro).

Puedes usar directamente la función del sitio web. Para aprender más sobre su funcionamiento, consulta la siguiente página de ayuda: Cómo crear un sitio web.