Cómo crear un 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.

Importante:
Un dominio solo puede ser asignado a un solo sitio web.
Si el dominio que deseas usar ya está vinculado a otro sitio web, primero debes quitarlo de ese sitio web antes de asignarlo aquí.

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:

Seleccionar una plantilla: elige uno de los diseños preelaborados 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 tu sitio web, serás redirigido al editor del sitio web.

II. 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 accede a la configuración de las páginas.
Ventanas emergentes: crea y gestiona ventanas emergentes para tu sitio web.
Estilo: define la configuración del diseño global, como fuentes, colores y botones.
Configuración: configura las opciones a nivel del sitio web como idiomas y configuraciones generales.

III. Cómo gestionar las páginas

1. Páginas principales

En la pestaña de páginas se gestiona 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).

Al crear una nueva página, encontrarás un interruptor en la ventana emergente de creación para agregar la página al menú de tu sitio web, el cual está habilitado por defecto y añadirá automáticamente un enlace a tu nueva página en el menú de navegación del sitio web.

Nota: si una página está desactivada, seguirá apareciendo en tu menú mientras estés en los modos de editor y vista previa, pero no será visible para los visitantes en tu sitio web público.

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

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ágina disponible en los túneles de ventas, así que todas las herramientas de edición funcionan de la misma manera.

2. Páginas de utilidad

Todos los sitios web incluyen automáticamente páginas de utilidad preconstruidas, ubicadas en el panel izquierdo dentro de la sección Herramientas . Estas páginas ayudan a mejorar la experiencia de tus visitantes y heredan automáticamente los estilos globales de tu sitio web para un diseño coherente:

a. Ingresar: La página de inicio de sesión predeterminada para tu dominio. Hereda automáticamente el logotipo, el texto y los estilos de los botones de tu sitio web para que coincidan perfectamente con tu marca.

b. Contact Us (contáctanos): Una página dedicada que presenta un formulario de contacto moderno. El formulario utiliza la lógica unificada del elemento Form, lo que facilita personalizar los campos y la configuración. Si no necesitas una página de contacto, puedes desactivarla fácilmente usando el menú de tres puntos junto al nombre de la página.

c. Search (búsqueda): Una página de resultados lista para usar que muestra los resultados coincidentes cuando un visitante busca contenido en tu sitio web.

Para permitir que los visitantes busquen en todas las páginas de tu sitio web, haz clic en el encabezado de tu sitio web dentro del editor para abrir su configuración. En la lista de elementos de la izquierda, activa el interruptor de búsqueda para agregar un icono de búsqueda a tu barra de navegación.

Al hacer clic, este icono abre una superposición de búsqueda limpia encima del encabezado sin desplazar el diseño. Todas las consultas de búsqueda dirigirán automáticamente al visitante a tu página de utilidad de búsqueda incorporada.

3. Configuración de la página

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

Este menú muestra 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:

a. Configuración general

Aquí puedes editar:

Nombre de la página
Ruta de URL

b. SEO

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

Puedes definir 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.

c. Idiomas

Esta pestaña permite crear versiones en otros idiomas 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.

Importante: primero debes agregar los idiomas que deseas implementar en Configuración → Idiomas para que aparezcan aquí.

d. Código personalizado

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.

IV. Cómo publicar las páginas

Las páginas recién creadas por defecto se agregan 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.

V. Cómo usar las 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, mostrando todas las configuraciones disponibles. Hay 2 tipos de ventanas emergentes; cada ventana emergente puede ser una de las siguientes:

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.

Si el ícono de globo es azul, la ventana emergente es para el sitio web.
Si el ícono de globo es gris, la ventana emergente es para la 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

VI. Cómo agregar un elemento de formulario a tu sitio web

Para capturar fácilmente leads en tu sitio web, puedes utilizar el elemento unificado de formulario. En lugar de agregar campos de formulario y botones por separado, el elemento de Formulario actúa como un solo contenedor que agrupa tus campos, casillas de verificación y el botón de envío. Esto te permite crear de manera confiable múltiples formularios independientes en la misma página.

Cuando haces clic en el elemento del Formulario, puedes configurarlo completamente utilizando el panel de menú a la izquierda del editor:

1. Bajo la pestaña Elementos:

a. Gestionar campos estándar: Elimina fácilmente los campos de entrada estándar (como nombre, teléfono) al pasar el cursor sobre el campo que deseas eliminar, y aparecerá el ícono de papelera (1).

También puedes editar los campos estándar simplemente haciendo clic sobre ellos; puedes editar el texto del marcador, hacerlo opcional marcando la casilla Opcional, agregar un ícono y editar el diseño.

b. Agregar un campo nuevo: desplázate hacia abajo y haz clic en el botón (+) (2) para agregar nuevos campos de inmediato.

Puedes elegir entre los que existen por defecto, como código postal, nombre de la empresa, etc. También puedes añadir una casilla de verificación (3).

O añade un campo personalizado (4).

Nota: los campos personalizados se crean desde la página de contacto de tu panel. Una vez creados, aparecen automáticamente en la configuración del formulario bajo "Campos personalizados".
Consulta la siguiente página para aprender más: Cómo añadir un campo de formulario personalizado

Después de añadir tus campos, puedes organizarlos arrastrándolos y soltándolos en el orden que desee.

2. Bajo la pestaña de Diseño:

b. Personalizar apariencia: Por defecto, el elemento del formulario hereda automáticamente la configuración de estilo global de tu sitio web. Sin embargo, puedes utilizar la pestaña de diseño para anular estas configuraciones y personalizar completamente los bordes, el espaciado, la posición y los colores para adaptarlos a la disposición específica de tu página.

3. Bajo la pestaña de Acciones:

a. Reglas de redirección (después del envío): elige qué sucede después de enviar el formulario.

Sin redirección (5): Puedes elegir mantener a los visitantes en la misma página y mostrar un mensaje de envío exitoso.

URL personalizada (6): puedes redirigir a los visitantes a otra página.

b. Doble opt-in (7): Simplemente marca la casilla para habilitar el doble opt-in para tus nuevos suscriptores.

c. Automatizaciones en el editor (8): agrega reglas de automatización directamente dentro del editor de páginas. Puedes activar fácilmente acciones específicas (como agregar una etiqueta, suscribir a una campaña o enviar un correo) en el momento en que alguien envía el formulario.

Fuera del editor de páginas, también puedes seleccionar tu elemento de formulario específico al configurar un generador "Suscrito de formulario de un sitio web" en tu cuenta dentro de:

Reglas de automatización:

Y flujos de trabajo:

VII. Cómo configurar el 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.

Después de agregar elementos como texto, imágenes u otros bloques a la página de su sitio web, puede deshacer rápidamente los cambios de estilo haciendo clic en el ícono de Restablecer junto a configuraciones como tipografía, colores, tamaño o posición.

VIII. Configuración general

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

IX. Cómo cambiar el idioma 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.

Importante:
Al cambiar el menú desplegable, no se traduce el contenido automáticamente. La versión de cada página debe ser editada manualmente.

X. Cómo crear un sitio web multilingüe

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

Para crear sitios web multilingües:

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

Esto garantiza control completo del contenido desplegado en cada idioma.

XI. Cómo conocer la vista previa en diferentes 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 pantalla.

XII. Compartir un sitio web

PuedeS compartir fácilmente un sitio web con otros usuarios de systeme.io utilizando un enlace. Esto es especialmente útil para compartir plantillas con clientes, miembros del equipo o tu audiencia.

En la lista de tus sitios web, haz clic en el menú de tres puntos (...) junto al sitio web que deseas compartir y selecciona Compartir.

Aparecerá una ventana emergente con una URL. Haz clic en Copiar enlace.

Cuando un usuario hace clic en el enlace, se le solicitará iniciar sesión en su cuenta de systeme.io (si aún no lo ha hecho). Una vez que haya iniciado sesión, el sitio web se importará automáticamente a su cuenta y aparecerá una notificación que indica "Sitio web añadido a tu cuenta".

Nota: la opción de compartir solo está disponible para sitios web que ya tengan seleccionada una plantilla. Si aún no has elegido una plantilla para tu sitio web, la opción de compartir no se desplegará en el menú.

XIII. Reglas para el 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 de tu sitio web, sal del editor del sitio web, localiza tu sitio, haz clic en el menú de tres puntos junto a él y selecciona Configuración.

Esto abre una ventana emergente 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.

Importante: al eliminar el dominio, se desactivará el sitio web. Tu sitio permanecerá inaccesible hasta que asignes otro dominio.

¿Respondió esto a tu pregunta?

Última actualización el 26 de agosto de 2026