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.