Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: 10 min
¿Qué vas a lograr?
Configurar el diseño general de tu sitio: plantilla, tema de colores, estructura, registro de usuarios, estilos avanzados e imagen para redes sociales.
Pasos
En el constructor de SitioSimple, hacé clic en Sitio web → Diseño
En el menú lateral izquierdo encontrás todas las opciones de diseño disponibles
Plantillas
Cambiá la plantilla base de tu sitio. Podés explorar por categoría y elegir una nueva.
Al seleccionarla, decidís si querés crear páginas nuevas con la estructura de la plantilla o aplicar solo el estilo a las páginas que ya tenés.
Temas
Elegí una combinación de colores y tipografías predefinida, o creá tu propio estilo ajustando colores y fuentes manualmente. El color que configurés como principal es el que se muestra en el catálogo de productos del sitio. Guardá los cambios cuando termines.
Estructura del sitio
Definí cómo se organiza el contenido de tu sitio:
Página única — todo el contenido en una sola URL. Los visitantes navegan haciendo scroll. Ejemplo:
www.tusitio.comMultipágina — cada sección tiene su propia URL y se accede desde el menú de navegación. Ejemplo:
www.tusitio.com/contacto
También podés ajustar los márgenes del sitio desde esta sección. Guardá los cambios cuando termines.
Registro de usuarios
El registro de usuarios permite que tus visitantes se registren con su cuenta de Facebook o Google.
Los campos predeterminados del formulario de registro no se pueden editar, pero podés agregar campos nuevos desde Editar formulario:
Hacé clic en Agregar campo
En la pestaña Configuración, definí:
- Tipo de campo
- Ancho del campo
- Nueva línea: si el campo empieza en una línea nueva, aunque el anterior ocupe el 50% del ancho.
- Validación: si el campo es obligatorio.
En la pestaña Contenido, completá el nombre del campo, el texto de ayuda y hacé clic en Guardar
Avanzado
Agregá código CSS propio para modificar el estilo visual del sitio — tipografías, colores, tamaños, imágenes de fondo y más. Es una opción para usuarios con conocimientos de CSS.
Imagen para redes sociales
Elegí la imagen que aparece cuando alguien comparte el link de tu sitio en WhatsApp, Facebook, Instagram u otras redes. Usá una imagen que represente bien tu marca y capte la atención de los usuarios.
Hacé clic en Selecciona una imagen
Subí una nueva imagen o seleccioná alguna que tengas en el gestor de imágenes y hacé clic en Agregar imagen
Hacé clic en Guardar
Verificá que funcionó
Desde la vista previa del constructor podés ver cómo queda el diseño antes de publicar. Para cambios en temas y estructura, hacé clic en Guardar para que se apliquen.
Errores frecuentes
Cambié el tema pero los colores no se actualizaron en el sitio
→ Verificá que hayas guardado los cambios con el botón Guardar dentro de la sección Temas.
Cambié la estructura de página única a multipágina y el menú no aparece
→ En multipágina necesitás tener al menos una página configurada y visible en el menú de navegación. Revisá que las páginas estén publicadas y no estén ocultas del menú.