Page Builder con Drag-and-Drop y 21 tipos de bloques.
AliothPress incluye un page builder visual basado en bloques, con 21 tipos de bloque, edición por arrastrar y soltar, vista previa en vivo y generación de diseños por IA. Las páginas se componen con bloques en el panel de administración y se renderizan en el servidor como HTML limpio, así que el sitio público carga sin framework de JavaScript. Cada página del page builder es compatible con todo el sistema multilingüe: grupos de traducción, hreflang y navegación por idioma.
21 tipos de bloque
Los bloques básicos cubren la estructura cotidiana de una página:
- Encabezado
- Texto (texto enriquecido con el editor integrado)
- Imagen (servida con variantes responsivas WebP y AVIF desde la biblioteca de medios)
- Botón
- Separador
- Espaciador
Los bloques de estructura controlan el diseño:
- Columnas, de una a cuatro por fila
- Sección, un contenedor a todo lo ancho con su propio fondo
Los bloques de medios se encargan de todo lo visual y sonoro:
- Vídeo con fachada de privacidad: el visitante ve una miniatura cacheada localmente, y el iframe del proveedor solo se carga tras un clic explícito
- Galería con lightbox
- Galería de vídeos
- Audio
- Presentación de diapositivas con navegación por teclado
- Cinta de logos
Los bloques avanzados llevan las páginas más allá del contenido estático:
- Cita
- Tabla
- Acordeón / FAQ, que además genera datos estructurados FAQPage para buscadores y motores de respuesta de IA
- Pestañas
- HTML para marcado en bruto
- Código con resaltado de sintaxis para cientos de lenguajes, autoalojado
- Formulario, que incrusta cualquier formulario creado en el constructor de formularios
Arrastrar y soltar, historial de cambios y vista previa en vivo
El page builder incluye todo lo que un sitio web moderno necesita:
- Arrastrar y soltar para añadir y reordenar bloques
- Edición de texto en línea directamente en el diseño
- Historial de deshacer y rehacer
- Duplicar cualquier bloque con un clic
- Ajustes por bloque: relleno, fondo, ID de ancla y clases CSS propias
- Vista previa en vivo de la página tal como la verán los visitantes
Diseños generados por IA
El Asistente de IA construye una página entera a partir de un prompt de texto. Describe la página que necesitas y el asistente devuelve un diseño de bloques completo: encabezados, secciones de texto, columnas, acordeones de FAQ. El resultado se abre en el page builder, donde cada bloque sigue siendo totalmente editable. Refínalo a mano o continúa la conversación con instrucciones de seguimiento.
Renderizado en el servidor
Las páginas del page builder se guardan como datos estructurados de bloques y se renderizan a HTML en el servidor. Los visitantes reciben el marcado terminado con el tema del sitio aplicado. Eso mantiene las páginas públicas rápidas, indexables y accesibles: los acordeones usan el elemento nativo details, las presentaciones responden a las flechas del teclado y cada bloque respeta el ajuste prefers-reduced-motion del visitante.
Multilingüe por diseño
Una página del page builder pertenece a un grupo de traducción como cualquier otro contenido. Crea la página en un idioma, tradúcela a cualquiera de los 31 idiomas soportados a mano o con el Asistente de IA, y el selector de idioma, los tags hreflang y las entradas del sitemap permanecen correctos automáticamente.
Capacidades clave del page builder de AliothPress
El page builder de AliothPress combina 21 tipos de bloque, edición por arrastrar y soltar con historial de cambios y vista previa en vivo, generación de diseños por IA a partir de un prompt de texto y renderizado en el servidor como HTML con el estilo del tema. Forma parte del núcleo, funciona en los 31 idiomas y no depende de servicios externos.