Cómo crear un sitio web

En este artículo, aprenderás cómo crear un sitio web utilizando el creador de sitios web.

Tabla de Contenidos:

• Crear un nuevo sitio web
• Descripción general del editor
• Gestión de páginas
• Publicación de páginas
• El uso de ventanas emergentes
• Configuración del estilo global
• Configuraciones
• Cambio de idiomas del sitio web
• Crear un sitio web multilingüe
• Vista previa en dispositivos
• Reglas del uso del dominio

La función de sitios web en systeme.io te permite crear y gestionar sitios web de varias páginas desde una sola interfaz.

Crear un nuevo sitio web

Para comenzar, ingresa a la pestaña Sitios (1) en tu menú principal y haz clic en Sitios web (2).

En la página del listado del sitio web, haz clic en Crear (3).

En la ventana emergente que aparecerá, ingresa los siguientes detalles de tu sitio web:

• Nombre: Ingresa el nombre de tu sitio web (4)
• Nombre de dominio: Selecciona el dominio que deseas utilizar (5)
• Ruta URL de la página de inicio: Una vez que selecciones el dominio, este campo aparecerá automáticamente. Úsalo para definir la ruta de URL de tu página de inicio (6)
• Idioma: Elige el idioma principal para tu sitio web (7)

Después de completar todos los campos requeridos, haz clic en Guardar (8) para crear tu sitio web

Después de guardar los detalles de tu sitio web, se abrirá una ventana que te pedirá que elijas una plantilla para tu página de inicio.

Puedes elegir una de las siguientes opciones:

• Elegir una plantilla: Selecciona uno de los diseños pre elaborados y personalízalo.
• Crear desde cero: Comienza con una plantilla en blanco y diseña todo manualmente.

Una vez que selecciones una opción, haz clic en Guardar (9) para continuar.

Después de guardar la plantilla seleccionada para su sitio web, serás redirigido al editor del sitio web.

Descripción general del editor

El editor contiene cuatro pestañas principales que utilizarás para crear y gestionar tu sitio web:

• Páginas – gestiona la estructura de tu sitio web, cambia entre páginas, crea nuevas páginas y accedes a la configuración de las páginas.
• Ventanas emergentes – crear y gestionar ventanas emergentes para tu sitio web.
• Estilo – definir la configuración del diseño global como fuentes, colores y botones.
• Configuraciones – configurar las opciones a nivel del sitio web como idiomas y configuraciones generales.

Gestión de las páginas

La pestaña de páginas es donde gestionas la estructura de tu sitio web.

Desde allí, puedes ver todas las páginas (1), alternar entre ellas y crear nuevas haciendo clic en (+) Crear (2).

Haz clic en cualquier página de la lista para mostrarla en el área de edición a la derecha. Para comenzar a editar esa página, haz clic directamente dentro del área de edición.

Esto abre el panel del editor de página, donde encontrarás todos los elementos disponibles para personalizar tu página:

Puedes regresar a tu lista de páginas en cualquier momento haciendo clic en Páginas en la parte superior izquierda del editor.

Si intentas cambiar de página o salir del editor con cambios no guardados, aparecerá una ventana emergente de confirmación:

Nota: El editor del sitio web utiliza el mismo creador de páginas disponible en la función de túneles de ventas, así que todas las herramientas de edición funcionan de la misma manera.

Ajustes de página

Para acceder a los ajustes de una página determinada, haz clic en el menú de los tres puntos junto al nombre de la página.

Este menú despliega las siguientes opciones:

• Configuración
• Dejar de publicar
• Eliminar

Nota: La página de inicio no puede ser eliminada. Solo las páginas secundarias incluyen la opción de eliminar.

Al hacer clic en Configuración, se abrirá la ventana emergente de configuración de página con las siguientes secciones:

Ajustes generales

Aquí puedes editar:

• Nombre de la página
• Ruta de URL

SEO

Usa esta sección para definir cómo aparecerá tu página en los motores de búsqueda.

Puedes establecer el título, la descripción, las palabras clave, el autor, la imagen y la vista previa de cómo se verá en los resultados de las búsquedas.

También es posible ocultar esta página de los motores de búsqueda, evitando que aparezca en los resultados de las búsquedas.

Idiomas

Esta pestaña es usada para crear versiones de idiomas específicos de la página.

Al hacer clic en Duplicar versiones de idioma específicas de esta página, se creará una copia de la página para el idioma seleccionado, permitiéndote traducir manualmente su contenido.

Avanzada

En esta pestaña puedes agregar códigos de seguimiento personalizados a cada página.

Usa solo scripts validados ya que códigos no compatibles pueden afectar el desempeño o el comportamiento de la página.

Publicación de páginas

Las páginas recién creadas por defecto se añaden en modo borrador

Para publicar una página, haz clic en los tres puntos y selecciona Publicar.

Nota: Puedes desactivar una página de la misma manera.

El uso de ventanas emergentes

Haz clic en el botón + Crear en la pestaña Ventanas emergentes para crear una nueva ventana emergente.

Una vez que la ventana emergente aparezca en el área del editor, haz clic en ella para comenzar a personalizar.

El panel de edición se abrirá en el lado izquierdo de la pantalla, desplegando todas las configuraciones disponibles.

Ventana emergente de la página vs. Ventana emergente del sitio web

Cada ventana emergente puede ser:

• Ventana emergente de la página: visible solo en la página que estás editando.
• Ventana emergente del sitio web: visible en todas las páginas del sitio web.

Para alternar entre estos modos, haz clic en el ícono del globo.

• Cuando el ícono de globo sea azul, la ventana emergente es la ventana emergente de un sitio web.
• Cuando el ícono de globo sea gris, la ventana emergente es la ventana emergente de una página.

La etiqueta del estado arriba de la lista de ventas emergentes se actualiza automáticamente para reflejar tu elección:

• Ventana emergente de una página
• Ventana emergente de un sitio web

Configuración del estilo global

La pestaña Estilo controla la configuración de la apariencia global que es aplicada a todas las páginas del sitio web.

Puedes configurar:

• Tipografía (encabezados y párrafos)
• Colores (De fondo, botones y enlaces)
• Botones
• Campos de formulario (padding, radio, bordes, colores)

Los cambios generados aquí se aplican globalmente a todo el sitio web.

Configuración

La pestaña Configuración controla las opciones generales del sitio web, que incluye:

• Nombre del sitio web
• Dominio
• Página de inicio
• Idioma
• Logo

Cambio de idiomas del sitio web

En la parte superior de la pestaña Páginas, puedes cambiar el idioma del sitio web usando el menú desplegable.

Al seleccionar un idioma diferente, la lista de páginas se actualiza desplegando las páginas disponibles para la versión de ese idioma.

Crear un sitio web multilingüe

La función Sitios web es compatible con estructuras multilingües

Para crear sitios web multilingües:

1. Crea tu sitio web principal en un idioma.
2. Para cada página, abre el menú de los tres puntos y dirígete a Idiomas.
3. Duplica la página para el lenguaje que deseas agregar.
4. Cambia el idioma del sitio web en el menú desplegable de Páginas.
5. Edita manualmente la versión traducida de cada página.

Esto garantiza control completo del contenido desplegado en cada idioma.

Vista previa en dispositivos

Al editar cualquier página, puede conocer su vista previa en diferentes dispositivos,

Usa la barra de la vista previa en la parte superior derecha para cambiar entre:

• Vista de Ordenador
• Vista móvil vertical
• Vista móvil horizontal

Esto te permite revisar si el diseño funciona en todos los tamaños de pantallas.

Reglas del uso del dominio

Si necesitas cambiar el dominio de tu sitio web, luego de que el sitio web ya haya sido creado o publicado, puedes actualizar esta información desde la lista del sitio web.

Para acceder a la configuración del sitio web:

1. Abandona el editor del sitio web
2. Ingresa a Sitios > Sitios web
3. Encuentra tu sitio web en la lista
4. Haz clic en el menú de los tres puntos al lado del sitio web
5. Selecciona Configuración

Esto abre la ventana emergente de Editar sitio web en donde puedes modificar:

• Nombre del sitio web
• Nombre de dominio
• Ruta URL de la página de inicio

Al hacer clic en el ícono de la X para eliminar el dominio asignado, el sistema desplegará una advertencia informándote que el sitio web será desactivado hasta que un nuevo dominio sea seleccionado.