Octibiz
Demo

Durchsucht Website und Dokumentation gemeinsam. Enter zeigt alle Treffer, Esc schließt.

Web builder

Web builder screen in Octibiz

Overview

The builder assembles surfaces from blocks: pages, reusable templates (header, footer, page types) and popups. The structure is not markup but a tree of data — the markup is produced from it. That is why preview and page look the same, and why a block can be reworked without losing text.

The editor separates two jobs that are often confused: content (text and images in existing blocks) and style & structure (adding, moving and shaping blocks). Both have their own permissions — so someone can maintain texts without being able to change the layout.

Core tasks

Create and edit a surface. From the overview you create a page and open the editor. Blocks are selected in the tree on the left and configured on the right.

Use templates. Header and footer are templates; changing one changes it everywhere. Display conditions control where a template applies.

Style classes instead of one-offs. A style class bundles design and affects every surface that uses it. That is the difference between a maintainable site and a hundred special cases.

Work from the library. The library holds reusable templates and global elements, including export and import.

Publish. Publishing can happen immediately or be scheduled; rolling back to an earlier state is possible.

Fields in detail

The tree is the truth, the markup a product. You edit blocks, not source code; the page is generated from them.

Page

FieldRequiredValues / formatWhat it does
Name nameyestextWhat the page is called internally.
Kind kindyespage, template, blockWhat it stands for. A template gives many pages the same shape; a block is a reusable piece.
Template kind templateKindfor templatesselectionWhich content type the template applies to.
Address slugyestextThe part of the public address. Do not change it once the page is linked — every link would otherwise lead nowhere.
Language locale / languages localesnolanguage codesWhich languages the page exists in.
Brand brandIdnoone of your brandsFor which brand.
Theme themeUlidnoa configured themeColours, fonts, spacing.
Blocks blocksyestree of blocksThe content of the page. Every block carries its own styling; the markup is generated from it and never written by hand.
Display conditions displayConditionsnoconditionsWhen a section is visible — language, device, period.
Popup popupConfignostructureWhen and how an overlay appears — after a delay, on exit intent, once per visitor. Without the "once per visitor" limit an overlay quickly becomes a nuisance.

Search engines and preview

FieldValues / formatWhat it does
Page title metaTitletextWhat appears in the browser tab and as the heading in search results.
Description metaDescriptiontextThe text under the result. It decides the click, not the ranking.
Canonical address canonicalUrladdressWhich address counts as the real one when the same content is reachable several times.
Index robotsIndex / follow links robotsFollowyes/noWhether the page may appear in search results and whether its links are followed. Indexing switched off by accident quietly removes the page from search — and nobody notices until the traffic goes.
Preview image ogImageFileUlidimage fileWhat appears when shared in chats and networks.
Preview image as an address ogImageUrladdressA freely entered sharing image. It overrides the uploaded ogImageFileUlid — if something is here, the picked file is not used.
Structured data structuredDataType, structuredDataJsontype and structureExtra details for search engines — event, product, how-to. They enable the richer presentation in results.
Translated SEO details seoI18nper languageTitle and description in the further languages. Without them the source language appears in the foreign-language result.

Interface and automation only

FieldValues / formatWhat it does
versionnumberThe state of the draft tree. When saving you send back the state you found; if it has moved on, a second editor was faster — the change is rejected instead of overwriting theirs. Without it no check happens. The state only rises when the tree changes; SEO entries, publishing and custom code leave it alone.

Settings & permissions

  • View: builder.page.view · Create: builder.page.create · Content: builder.page.update
  • Style & structure: builder.style.edit · Style classes: builder.class.view/builder.class.manage
  • Templates: builder.template.manage · Popups: builder.popup.manage
  • Design tokens and breakpoints (Settings → Builder themes): builder.theme.manage
  • Library: builder.library.manage · Publish: builder.page.publish
  • Locked blocks: builder.lock.override

Module flag: module.builder.

FAQ & troubleshooting

I cannot move a block. Either builder.style.edit is missing, or the block is locked — only builder.lock.override releases locks.

A change is not visible on the page. Check whether it was published. Drafts stay in the editor.

A style change affects several places. That is what a style class is for. For a one-off, set the styling on the element instead of on the class.

builder.builder · Available from version 0.5.6