Page Builder with Drag-and-Drop and 21 Block Types

· CMS AliothPress
Screenshot: Page Builder AliothPress

AliothPress includes a block-based visual page builder with 21 block types, drag-and-drop editing, live preview, and AI layout generation. Pages are assembled from blocks in the admin panel and rendered server-side as clean HTML, so the public site loads without a JavaScript framework. Every builder page supports the full multilingual system: translation groups, hreflang, and language-aware navigation.

21 block types

Basic blocks cover the everyday structure of a page:

  • Heading
  • Text (rich text with the built-in editor)
  • Image (served with responsive WebP and AVIF variants from the media library)
  • Button
  • Divider
  • Spacer

Layout blocks control structure:

  • Columns, from one to four per row
  • Section, a full-width container with its own background

Media blocks handle everything visual and audible:

  • Video with a privacy-preserving facade: the visitor sees a locally cached thumbnail, and the provider iframe loads only after an explicit click
  • Gallery with lightbox
  • Video Gallery
  • Audio
  • Slideshow with keyboard navigation
  • Logo Ticker

Advanced blocks extend pages beyond static content:

  • Quote
  • Table
  • Accordion / FAQ, which also generates FAQPage structured data for search engines and AI answer engines
  • Tabs
  • HTML for raw markup
  • Code with syntax highlighting for hundreds of languages, self-hosted
  • Form, embedding any form built in the Form Builder

Drag and drop, undo history, and live preview

The page builder covers everything a modern website needs:

  • Drag and drop to add and reorder blocks
  • Inline text editing directly in the layout
  • Undo and redo history
  • Duplicate any block with one click
  • Per-block settings: padding, background, anchor IDs, and custom CSS classes
  • Live preview of the page as visitors will see it

AI-generated layouts

The AI Assistant can build an entire page from a text prompt. Describe the page you need, and the assistant returns a complete block layout: headings, text sections, columns, FAQ accordions. The result opens in the builder, where every block remains fully editable. Refine it manually or continue the conversation with follow-up instructions.

Server-side rendering

Builder pages are stored as structured block data and rendered to HTML on the server. Visitors receive finished markup with the site theme applied. This keeps public pages fast, indexable, and accessible: accordions use the native details element, slideshows respond to arrow keys, and every block respects the visitor's prefers-reduced-motion setting.

Multilingual by design

A builder page belongs to a translation group like any other content. Create the page in one language, translate it into any of the 31 supported languages manually or with the AI Assistant, and the language switcher, hreflang tags, and sitemap entries stay correct automatically.

Key capabilities of the AliothPress page builder

The AliothPress page builder combines 21 block types, drag-and-drop editing with undo history and live preview, AI layout generation from a text prompt, and server-side rendering into theme-styled HTML. It ships in the core, works in all 31 languages, and relies on no external services.

Frequently Asked Questions

How many block types does the AliothPress page builder include?
21 block types: heading, text, image, button, divider, spacer, columns, section, video, gallery, video gallery, audio, slideshow, logo ticker, quote, table, accordion/FAQ, tabs, HTML, code, and form.
Can AI build a page layout in AliothPress?
Yes. The AI Assistant generates a complete block layout from a text description. The result opens in the builder with every block editable, and follow-up instructions refine it further.
Does the page builder need coding skills?
No. Pages are assembled visually with drag and drop and inline editing. HTML and code blocks exist for the cases where raw markup is wanted, and they stay optional.
Do builder pages slow down the public site?
No. Blocks are rendered to plain HTML on the server, and visitors receive finished markup styled by the active theme. The public site loads without a JavaScript framework.
Can a builder page be translated?
Yes. Builder pages use the same translation groups as every other content type, covering all 31 supported languages with correct hreflang and language switcher behavior.
CMS CMS features