Cómo crear un sitio web

En esta página aprenderás cómo crear un sitio web utilizando un blog o un túnel de ventas en systeme.io.

Necesitarás:

  • Una cuenta en systeme.io
  • Un blog o un túnel de ventas

Te recomendamos utilizar la función blog si deseas publicar contenido regularmente y necesitas tener una gran cantidad de páginas en tu sitio web.

Te sugerimos utilizar la función de túneles si deseas crear un sitio web más sencillo con un par de páginas.

1. Crear un sitio web utilizando la función blog 

Necesitarás:

Cuando se crea un blog, de forma predeterminada, siempre tendrá cuatro páginas: Inicio, Nosotros, Publicaciones y Contacto.

Puedes modificar estas páginas y también puedes añadir nuevas páginas al blog.

Paso 1: Añadir nuevas páginas a tu blog 

Haz clic en la pestaña "Blogs" (número 1) y selecciona "El nombre de tu blog" (número 2)

Selecciona la sección "Páginas" (número 3) y haz clic en el botón "Crear" (número 4)

Se desplegará una ventana emergente en donde tendrás que:

  • Asignar el nombre de la página del blog
  • Asignar la ruta URL de la página del blog

Haz clic en el botón "Crear una página de blog" para validar la creación de la nueva página de blog (número 5)

Nota: Encontrarás instrucciones más detalladas sobre cómo añadir nuevas páginas en tu blog en esta página de ayuda.

Paso 2: Definir la página de inicio de tu sitio web

Al crear tu blog debes definir 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 se visualizará cuando tu sitio web sea abierto o sea escrito en la barra de direcciones de un navegador.

Haz clic en la pestaña "Blogs" (número 6) y frente al nombre de tu blog debes seleccionar el icono de los tres puntos y hacer clic en "Configuración" (número 7).

Debes dejar vacía la ruta URL y hacer clic en el botón "Guardar" (número 8).

Paso 3: Añadir el elemento "Menú" a la página de inicio

Luego de haber definido la página de inicio de tu blog como la página de inicio de tu sitio web, debes configurar el elemento "Menú" que se encuentra en la página de inicio y que ha sido añadido por defecto en esta página.

Para configurar el menú de tu blog, debes hacer clic en el botón "Diseño del blog" (número 9)

Al abrir el editor del "Diseño de blog" haz clic en el elemento "Menú" en tu página para que puedas editar los elementos predeterminados del menú, eliminarlos u añadir nuevos.

Nota: El diseño del blog te permite establecer qué elementos estarán presentes de forma predeterminada en todas las páginas de tu blog.

Los nuevos elementos del menú puedes ser páginas de blog, publicaciones o URL personalizadas.

Te recomendamos añadir el mismo número de elementos en el menú al número de páginas en tu blog. De esta manera, los visitantes a tu sitio web podrán acceder a todas las páginas de tu sitio desde tu página de inicio.

Puedes personalizar las siguientes opciones en tu menú: 

  • Eliminar el elemento del menú (número 10)
  • Cambiar el nombre del elemento del menú (número 11)
  • Seleccionar que el elemento sea un enlace del blog o una URL personalizada (número 12)
  • Seleccionar el enlace del blog, página o publicación desde el menú desplegable o insertar la URL personalizada si has seleccionado esta opción (número 13)
  • Agregar un nuevo elemento al menú (número 14)

También es posible crear un menú adherido (es decir, que sea visible a lo largo de toda la página).

Haz clic en la sección que contiene el elemento "Menú" y deslízate por el editor que aparecerá al lado izquierdo de la pantalla hasta llegar a la sección "Elemento adherido"

Selecciona la casilla "¿Deseas que este elemento siempre esté visible? (adherido)" y elige la ubicación en la que deseas que el elemento quede adherido.

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

Si deseas eliminarlo de una de ellas, haz clic en el icono de los tres puntos frente a la página en cuestión y selecciona la opción "No utilizar el diseño del blog" (número 16).

Nuestra página de ayuda Cómo crear un menú de blog, te proporcionará instrucciones más detalladas sobre la configuración del menú de tu sitio web.

Paso 4: Diseñar 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.

Ingresa al editor de la página que deseas diseñar haciendo clic en el icono de los tres puntos y luego selecciona la opción "Editar" (número 17).

Una vez hayas ingresado al editor de tu página de inicio, puedes eliminar los elementos existentes que no desees utilizar.

También puedes conservar los elementos en las páginas y ajustarlos a tus necesidades.

Haz clic en los elementos que desees modificar para abrir su configuración y utilizar el editor lateral izquierdo de la pantalla para adaptarlos.

En nuestro ejemplo, modificaremos el elemento "Texto":

Este es el resultado de la personalización:

Además de la modificación de los elementos existentes, también puedes añadir nuevos elementos a tus páginas, como: elementos de imagen, audio o video.

Solo tienes que seleccionar el elemento deseado, arrastrarlo a tu página y soltarlo en el lugar que desees.

Por ejemplo, así puedes añadir el elemento "Video" a tu página:

Te recomendamos consultar nuestra base de conocimiento, ya que allí encontrarás todas las páginas de ayuda sobre cómo utilizar varios elementos en el editor de tu página.


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

Necesitarás:

Al crear un túnel de forma predeterminada encontrarás páginas dentro del túnel, dependiendo del tipo de túnel seleccionado y además, también podrás añadir nuevas páginas. Pero si seleccionas la opción de túnel "personalizado", debes añadir nuevas páginas al túnel (etapas del túnel).

Estas páginas te servirán como páginas de tu sitio web. Te recomendamos añadir hasta 5 páginas a tu túnel.

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

Dentro del túnel haz clic en el botón "Agregar etapa" (número 1)

Se desplegará una ventana emergente en donde tendrás que asignar el nombre de la página y el tipo de página. Al terminar, haz clic en el botón "Guardar" para crear la página (número 2).

Luego podrás visualizar la galería de plantillas según el tipo de página, selecciona una plantilla haciendo clic en el botón "Seleccionar" (número 3) y diseña la página según tus necesidades.

Sigue este procedimiento para crear todas las páginas de tu sitio web.

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

Selecciona la página que deseas como tu página de inicio, elimina la ruta URL (número 4) y haz clic en el botón "Guardar etapa de túnel" (número 5) para conservar los cambios efectuados.

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

Luego de haber definido la página de tu túnel como página de inicio de tu sitio web, debes añadir el elemento "Menú" a tu página de inicio y añadir el mismo número de elementos en el menú como número de páginas de tu sitio web (etapas del túnel).

De esa manera, los visitantes de tu sitio web podrán acceder a todas las páginas desde la página de inicio.

Ingresa al editor de la página de inicio, arrastra el elemento "Menú" y suéltalo en tu página (número 6)

Puedes añadir nuevos elementos al menú y conectar cada elemento con una página del túnel.

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

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

Aparecerá una nueva casilla y allí debes asignar un título al nuevo elemento del menú y pegar la URL copiada previamente (número 9)

Utiliza 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 icono de "La caneca de basura" (número 10) y reorganizarlos haciendo clic en las flechas (número 11)

Nota: Si deseas que el menú esté visible en todas las páginas de tu sitio web, puedes guardarlo como un bloque e insertarlo en las demás páginas, tal como se indica en este tutorial Cómo guardar bloques en el editor.

Artículos de utilidad: