OptimoCMS Docs
Volver al resumen

Páginas

Crea y gestiona las páginas de tu sitio web con el editor visual.

Resumen de páginas

En la página Páginas verás una tabla con todas tus páginas. Puedes: • Buscar por nombre de página • Filtrar por estado (Borrador o Publicado) • Ordenar por última edición o título Cada fila muestra el título de la página, el slug (ruta URL), el estado y cuándo se editó por última vez la página.

Crear una nueva página

Haz clic en "Nueva página" en la parte superior derecha. Rellena: 1. Título – El nombre de tu página (ej. "Sobre nosotros") 2. Slug – La ruta URL (se genera automáticamente, ej. "sobre-nosotros") 3. Plantilla (opcional) – Elige un diseño predefinido como punto de partida Haz clic en "Crear". Si elegiste una plantilla, irás directamente al editor visual.
Consejos
  • El slug determina la dirección web de tu página. Usa palabras cortas y descriptivas separadas por guiones.
  • Puedes cambiar el slug más tarde.

Editar una página

Haz clic en una página en la tabla para abrir la página de detalle. Aquí puedes: • Editar el título y el slug • Cambiar la configuración SEO (título, descripción, imagen para redes sociales) • Ver el estado (Borrador o Publicado) • Abrir la página en el editor visual

El editor visual

El editor visual es el corazón del diseño de páginas. Aquí construyes tu página con bloques que puedes arrastrar, soltar y personalizar. Cómo funciona: 1. A la izquierda ves una lista de bloques disponibles (componentes) 2. Arrastra un bloque al lienzo en el centro 3. Haz clic en un bloque para seleccionarlo y editar la configuración a la derecha 4. Ajusta textos, imágenes, colores y otras opciones Los bloques disponibles incluyen: • Sección Hero – Un encabezado grande con imagen de fondo • Tarjetas de características – Tarjetas con iconos y texto • Precios – Tablas de precios • Formulario de contacto – Un formulario de contacto • Nube de logos – Logos de socios o clientes • Newsletter – Un formulario de suscripción • Cuenta atrás – Un temporizador de cuenta atrás • Contenedor – Un contenedor flexible para diseño libre
Consejos
  • Usa el botón de vista previa para ver cómo se ve tu página a los visitantes.
  • Puedes mover bloques arrastrándolos.
  • Haz clic en el icono de papelera para eliminar un bloque.

Publicar una página

Una página nueva empieza como "Borrador" – solo tú puedes verla. Para poner la página en vivo: 1. Abre los detalles de la página 2. Haz clic en "Publicar" La página es ahora visible para los visitantes en la dirección web que coincide con el slug.
Nota
  • Una página publicada es inmediatamente visible. Revisa todo antes de publicar.

Historial de versiones

El CMS guarda automáticamente hasta 20 versiones por página. Abre una página en el editor visual y haz clic en "Historial de versiones" para ver una lista de todas las versiones publicadas con fecha y autor. Por cada versión puedes: • Ver – Abrir la versión en modo solo lectura • Restaurar como borrador – Cargar la versión como borrador para seguir editando • Restaurar y publicar – Poner la versión directamente en vivo
Consejos
  • Se guardan un máximo de 20 versiones por página.
  • Después de restaurar, el panel de versiones se cierra automáticamente.

Eliminar una página

Haz clic en el menú de tres puntos (⋯) junto a una página y elige "Eliminar". La página se moverá a la papelera.
Nota
  • Las páginas eliminadas ya no son visibles para los visitantes.

Nuevos bloques en el constructor

El constructor visual ahora incluye bloques adicionales que puedes usar: • VideoHeroSection – Una sección héroe con fondo de vídeo (YouTube, Vimeo o MP4). Incluye overlay, imagen póster y fallback móvil. • HeroSection (extendido) – Ahora con fondo de vídeo, overlay, texto de badge, 2 botones CTA y estadísticas en línea. Elige entre layouts: centered, left, right o split. • FeatureCardsSection (extendido) – 2 a 6 columnas, tarjetas glass con backdrop blur, efectos hover (lift, glow, border-color), posiciones de iconos y más. • TestimonialSection (extendido) – 4 layouts (grid, carousel, masonry, single), formas de avatar, estilos de valoración y estilos de cita. • PricingSection (extendido) – Estilos de resaltado, toggle de facturación (mensual/anual), tamaño de precio ajustable y estilos de check. • CTABannerSection (extendido) – 4 layouts, badge de urgencia, múltiples botones CTA y tipos de fondo. • FooterSection (extendido) – 4 layouts, posiciones de redes sociales, campo de newsletter y estilos de separador. Todos los bloques extendidos son retrocompatibles — las páginas existentes siguen funcionando como antes.
Consejos
  • Arrastra un nuevo bloque desde el panel de Bloques (izquierda) al lienzo para añadirlo.
  • Usa el estilo de tarjeta glass en FeatureCards para un efecto moderno y transparente.

Llámanos