Section Builder

Define your content structure visually

The Section Builder is where you define what fields a section contains. Each section has a structure — a tree of fields that determines what content editors can input.

For example, a "Hero Banner" section might have:

• Title (Text)
• Description (Text, multiline)
• Background image (Multimedia)
• CTA button (Button)

You build this structure by adding fields, nesting them in groups, and configuring their types and options. The builder interface lets you drag and reorder fields visually.

Available field types

Svalla supports a comprehensive set of field types:

• Text — single or multiline text, with optional rich text editor (bold, italic, links, headings, lists)
• Numeric — number values for prices, quantities, or measurements
• Date — date picker for dates and deadlines
• Toggle — on/off switch for boolean values
• Checkbox — checkable option for true/false states
• Select — dropdown with predefined options
• Checklist — multi-select with checkboxes
• Multimedia — image, video, or file upload
• Gallery — multiple image upload with ordering
• Button — call-to-action with text and link configuration

Content-aware fields

Beyond basic inputs, Svalla offers dynamic field types that connect to other content in your project:

• SelectPost — select one or more existing posts (useful for "related articles", "featured product", or internal links)
• SelectForm — embed a form created in the Forms section
• SelectCategory — pick a category to highlight or filter by
• DynamicContent — automatically list posts from a post type with configurable filters, ordering, and pagination
• DynamicCategory — display a category-based filter interface for content discovery

These fields make your sections intelligent — they pull data from other parts of your CMS automatically.

Organize and repeat fields

Two structural types let you organize fields into more complex structures:

Groups

A Group bundles related fields together. For example, an "Author" group might contain name, photo, and bio fields. Groups appear as a collapsible panel in the editor.

Lists

A List creates a repeatable set of fields. Editors can add, remove, and reorder items. Common uses:

• Feature cards — each with icon, title, and description
• FAQ items — each with question and answer
• Team members — each with photo, name, role, and bio
• Pricing tiers — each with name, price, and feature list

Lists and groups can be nested, allowing complex structures like a list of groups or a group containing a list.

Configure the text editor

Text fields can be enhanced with a rich text editor by enabling the editor option. You can customize which formatting tools are available:

• Formats — which HTML elements are allowed (paragraph, headings h2-h6)
• Modules — which toolbar buttons appear: bold, italic, underline, strikethrough, link, ordered list, unordered list, blockquote, code, table, text color, highlight

This gives you fine-grained control over what editors can do. A simple description field might only allow bold and italic, while a full article body might allow headings, lists, links, and code blocks.

Configure media fields

Multimedia fields need explicit configuration for which formats they accept and which metadata fields they expose:

• IMAGE — accepts image uploads with fields: href, placeholder (blur), alt text, height, width, type
• VIDEO — accepts video uploads with fields: href, placeholder, alt, type
• FILE — accepts file uploads with fields: href, size, placeholder, alt, type

Gallery fields work similarly but allow multiple images with ordering. Each image in the gallery has its own href, placeholder, alt, height, and width.