Zum Inhalt springen
Octibiz
Demo

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

Web und Website Im Grundpaket

Seiten bauen wie gewohnt. Nur ohne den Ballast, den andere Baukästen ausliefern.

Du ziehst Bausteine auf die Fläche, stellst Abstände je Endgerät ein und veröffentlichst per Klick. Was dabei rausgeht, ist nicht dein Editor-Baum, sondern flaches, gebautes HTML: Die Referenz-Landingpage kommt mit rund 110 DOM-Knoten aus, während klassische Baukasten-Seiten oft ein Vielfaches davon ausliefern. Und das ist keine Absichtserklärung, sondern eine fest gesetzte Grenze, die bei jeder neuen Fassung nachgemessen wird.

Baukasten für Webseiten mit Blöcken und Vorlagen

Webbaukasten im laufenden System. 64 Einzelfunktionen in 9 Bereichen.

Auf einen Blick

Im Founding-Programm
Enthalten, ohne Aufpreis
Familie
Web und Website
Betrieb
In Deutschland oder auf eigener Infrastruktur. Eine isolierte Instanz je Kunde, eigene Datenbank.

Kommt dir das bekannt vor?

Die Website liegt in WordPress, der Shop woanders, das CRM sowieso

Für jede Landingpage geht eine Mail an die Agentur, drei Tage später kommt ein Entwurf, und die Kampagne startet eine Woche später als geplant. Nicht weil es schwer wäre, sondern weil du an das Werkzeug nicht rankommst.

Ihr habt den Baukasten also selbst genommen

Bauen geht jetzt schnell. Nur meldet die Search Console seit Monaten "zu viele DOM-Elemente", der Ladebalken auf dem Handy hört nicht auf, und drei Optimierungs-Plugins später ist es kaum besser. Kein Wunder: Der Baum, den der Editor zum Anfassen braucht, geht unverändert an den Besucher raus.

Und dann die Daten

Auf der Produktseite soll der echte Bestand stehen, im Kundenbereich der echte Preis. Eine statische Seite kann das prinzipiell nicht, also klebt jemand ein Widget dazwischen, das nachts kaputtgeht und montags niemandem auffällt.

Web und Website

Was Webbaukasten kann

Die wichtigsten 6 von 9 Funktionsbereichen. Die vollständige Liste steht darunter zum Aufklappen.

Der visuelle Editor: bauen, sehen, zurücknehmen

Links die Palette mit allen Bausteinen, in der Mitte die Fläche, rechts die Einstellungen. Du ziehst Bausteine an ihren Platz oder fügst sie per Klick ein, wählst sie im Canvas oder im Navigator aus und siehst jede Änderung sofort. Gespeichert wird automatisch, rückgängig gemacht ohne Nachdenken, und der Geräte-Umschalter zeigt dir Desktop, Tablet und Mobil im selben Fenster.

101 Bausteine: von der Sektion bis zur Preistabelle

Der Bestand deckt eine Marken-Website und eine Kampagne ohne Fremd-Erweiterung ab: 101 Bausteine mit Einstellungs-Schema, davon 95 im Baukasten selbst, dazu zwei Formular-Bausteine aus dem Marketing-Modul und die Website-Bausteine für Menü, Sprachen, Brotkrumen und Beitragslisten. Struktur-Bausteine bauen das Raster, Inhalts- und Marketing-Bausteine füllen es.

Stil je Baustein, Werte je Endgerät

Jeder Baustein hat seine eigene Stil-Fläche: Typografie, Hintergrund, Abstände, Rahmen, Schatten, Layout und Sichtbarkeit. Und jeder Wert lässt sich für Tablet und Mobil abweichend setzen. Der Editor zeigt dir dabei an, welcher Wert vom Desktop erbt und welcher überschrieben ist, mit einem Klick zum Zurücksetzen. Wo die Standardfelder nicht reichen, gibt es einen kontrollierten Eigen-CSS-Pfad je Baustein.

SEO und Barrierefreiheit prüfen sich beim Bauen

Jede Seite bringt ihre Suchmaschinen-Ausstattung mit, ohne dass jemand hinterher etwas nachrüstet: Meta-Titel und Beschreibung mit Zeichenzähler und Vorschau, sprechender Slug, kanonische URL, Indexierungs-Schalter und strukturierte Daten. Der Tab "Prüfungen" meldet dir währenddessen, was noch fehlt: die zweite H1, das Bild ohne Alternativtext, die übersprungene Überschriften-Ebene, der zu schwache Kontrast.

Vorlagen, Anzeige-Bedingungen und Popups

Kopf und Fuß baust du einmal als Vorlage und legst fest, wo sie gelten: für eine bestimmte Site, eine Sprache, einen Seitentyp oder pauschal für alles. Trifft mehr als eine Vorlage zu, gewinnt die spezifischere, und ein Ausschluss schlägt jede Einladung. Popups laufen nach demselben Prinzip, mit den Auslösern, die man aus dem Kampagnengeschäft kennt.

Bibliothek und globale Elemente

Einen fertigen Abschnitt speicherst du in die Bibliothek und setzt ihn auf jeder weiteren Seite ein. Bei globalen Elementen geht es weiter: Änderst du das Original, ziehen alle Seiten nach, die es verwenden, sobald sie das nächste Mal ausgeliefert werden. Und weil Vorlagen exportierbar sind, nimmst du dein Baukasten-Set von einer Installation in die nächste mit.

Alle Funktionen im Überblick

64 Einzelfunktionen, nach Bereichen sortiert. Aufklappen, was dich interessiert.

Editor (11 Funktionen)
Palette
Alle Bausteine mit Suche, nach Kategorien gruppiert.
Canvas
Auswahl per Klick, Drag & Drop, Werkzeugleiste am Baustein.
Navigator
Baumansicht des Seitenaufbaus, per Ziehen umsortierbar.
Einstellungs-Panel
Tabs Inhalt, Stil, Erweitert; dazu Seite und Prüfungen.
Geräte-Umschalter
Desktop, Tablet, Mobil im selben Fenster.
Undo / Redo
Rückgängig und Wiederholen über die gesamte Sitzung.
Autosave
Automatisches Speichern mit Zustandsanzeige und Wiederholen bei Fehler.
Vorschau
Ganze Seite ansehen, wahlweise je Sprache.
Fremd-Bausteine
Maske aus dem mitgelieferten Schema, Darstellung aus einer Server-Vorschau.
Repeater-Felder
Aufklappbare Einträge mit Ziehen, Pfeiltasten und Rückfrage beim Entfernen.
Bild-Feld
Upload mit WebP-Schalter, Vorschau und Varianten-Anzeige.
Bausteine (8 Funktionen)
Umfang
101 Bausteine mit Einstellungs-Schema.
Struktur
Abschnitt, Container, Raster, Spalte, Abstandhalter, Trenner, Karten, Split-Layouts, Inset-Box und mehr.
Typografie
Überschrift, Text, Lead, Textspalten, Definitionsliste, Pull-Quote, Kleingedrucktes, Code, Tastenkürzel.
Medien
Bild, Galerie, Masonry, Bildvergleich, Video, Audio, Playlist, Download-Karte, Icons, Logo-Leiste.
Marketing
Hero, Feature-Raster, Preistabelle, Vergleichstabelle, Kennzahlen, Countdown, Testimonials, FAQ, Team, Kontakt, Öffnungszeiten und weitere.
Interaktion
Akkordeon, Tabs, Karussell, Spoiler, Anker-Navigation, Tooltip, Nach-oben-Link, ohne schweres JavaScript.
Formulare
Formular- und Newsletter-Baustein aus dem Marketing-Modul, keine zweite Formular-Verwaltung.
Website-Bausteine
Menü, Sprachumschalter, Brotkrumen, Beitragsliste, Collection-Liste aus dem Websites-Modul.
Gestaltung (7 Funktionen)
Stil-Gruppen
Typografie, Hintergrund, Abstände, Rahmen, Schatten, Layout, Sichtbarkeit.
Werte je Endgerät
Abweichende Werte für Tablet und Mobil, mit Erben-Anzeige und Zurücksetzen.
Token-Themes
Farbrollen hell und dunkel, Typografie, Abstände, Radien, Schatten.
Bruchpunkte
Tablet- und Mobil-Grenze je Theme einstellbar.
Theme-Versionen
Jede Speicherung als Version, Wiederherstellen mit Rückfrage.
Eigen-CSS
Kontrollierter Pfad je Baustein und je Site, mit Selektor-Platzhalter für Zustände.
Standard-Theme
Neue Flächen starten mit dem markierten Theme.
Ausgabe & Tempo (9 Funktionen)
Trennung Daten / Erzeugnis
Der Editor-Baum wird nicht ausgeliefert, das Markup wird daraus gebaut.
DOM-Budget
Höchstens 800 Knoten an der Referenz-Landingpage, fest gesetzt; aktuell rund 110.
CSS nach Verwendung
Nur das Basis-CSS der tatsächlich genutzten Bausteine.
Media-Queries
Werte je Endgerät werden verdichtet statt dupliziert.
Ladezeit im Labor
Gemessen bei gedrosseltem Netz und gebremstem Gerät: 416 ms bis zum größten Bild, kein Springen des Layouts, rund 48 ms bis zur ersten Reaktion.
Kein Rückschritt beim Tempo
Einmal erreichte Grenzwerte werden nur strenger, nie wieder lockerer.
Bild-Pipeline
Upload mit optionaler WebP-Wandlung, Varianten in 480, 960 und 1600 Pixel, srcset und sizes im Markup.
EXIF-Entfernung
Beim Neukodieren fallen die eingebetteten Kameradaten weg.
Nachlade-Inseln
Live-Anteile werden deklariert nachgeladen, statt die Seite je Besucher neu zu bauen.
SEO & Barrierefreiheit (5 Funktionen)
Meta & Vorschau
Titel und Beschreibung mit Zeichenzähler, Such- und Teilen-Vorschau.
Slug & kanonisch
Sprechender URL-Pfad, kanonische URL, Indexieren- und Folgen-Schalter je Seite.
Strukturierte Daten
JSON-LD je Seitentyp.
Prüfungen
Live-Befunde zu Meta, H1, Überschriften-Hierarchie, Alternativtext, Schaltflächen-Text, Kontrast.
Kontrast
Rechnet gegen die Farbrollen, für hell und dunkel getrennt, mit ausgewiesenem Verhältnis.
Vorlagen, Popups & Dynamik (7 Funktionen)
Flächen-Arten
Seite, Vorlage, Popup, Abschnitt.
Vorlagen-Arten
Kopf, Fuß, Seite, Landingpage, Blog-Übersicht, Blog-Beitrag, Suche, Fehlerseite, Wartung, Collection-Seite.
Anzeige-Bedingungen
Site, Sprache, Seitentyp oder alles; Einschluss und Ausschluss, spezifischste Vorlage gewinnt.
Popup-Auslöser
Seitenaufruf mit Verzögerung, Scrolltiefe, Klick, Inaktivität, Verlassen-Absicht.
Popup-Regeln
Einmal je Besucher, Anzeigezeitraum, Schließen per Knopf oder Escape.
Dynamische Quellen
Marke, Seitentitel, Jahr, Site-Name, Beitragsdaten, Collection-Felder.
Ersatztext
Frei setzbar, falls eine Quelle nichts liefert.
Bibliothek & Veröffentlichung (8 Funktionen)
Bibliothek
Abschnitte, Seiten, globale Elemente.
Globale Elemente
Änderung am Original propagiert in die neuen Veröffentlichungen.
Export / Import
Elemente als Datei mitnehmen, per Datei oder Inhalt einspielen.
Duplizieren
Seiten und Vorlagen inklusive Aufbau und Einstellungen.
Zustände
Entwurf, Veröffentlicht, Geplant, Zurückgezogen.
Geplante Veröffentlichung
Termin setzen, Ausführung über die zentrale Automation.
Zurückrollen
Früheren Stand wieder ausliefern, mit Rückfrage.
Zurücknehmen
Seite aus der Auslieferung nehmen, Inhalt bleibt erhalten.
Sprachen & Rechte (6 Funktionen)
Sprachumschalter
Inhaltssprache im Editor wechseln, Fallback sichtbar gekennzeichnet.
Feld-Übersetzung
Übersetzbare Felder tragen Werte je Sprache, Fließtext als Sprachzweig.
Ein Publish, alle Sprachen
Je Zielsprache ein Erzeugnis mit gemeinsamer Versionsnummer.
Rechte
Ansehen, Anlegen, Bearbeiten, Löschen, Veröffentlichen, Stil, Vorlagen, Popups, Bibliothek, Themes.
Element-Sperren
Bausteine sperren, Übergehen nur mit eigenem Recht.
Marken-Schnitt
Zuständigkeit für eine Marke begrenzt auch die Sichtbarkeit der Flächen.
Schnittstellen (3 Funktionen)
REST-API
Seiten, Veröffentlichungen, Themes, Bibliothek, Baustein-Katalog, Vorschau, dynamische Quellen.
Automations-Ereignisse
Seite veröffentlicht, Seite zurückgenommen.
KI-Zugriff
Dieselben Operationen für Agenten, unter denselben Rechten.

Was hier anders ist

Das Tempo-Versprechen ist eine feste Grenze, keine Aussage

Jeder Baukasten behauptet, schnell zu sein. Hier ist die Zahl festgeschrieben: Die Referenz-Landingpage darf höchstens 800 DOM-Knoten haben und liegt bei rund 110. Ein Baustein, der diese Grenze reißt, kommt gar nicht erst in deine Installation. Die Grenze gilt dauerhaft, nicht nur beim ersten Start. Zum Vergleich: Klassische Baukasten-Seiten liefern oft ein Vielfaches davon aus, und überladene DOM-Bäume beanstandet Googles Prüfwerkzeug Lighthouse ausdrücklich.

Deine Seite kennt deine Daten

Eine statisch gebaute Website kann Bestand, Preise und Kontingente prinzipiell nicht live zeigen. Hier stehen Website und Betriebssystem nicht nebeneinander, sondern sind dasselbe System: Ein Baustein bezieht seinen Wert aus einer Quelle, ein Formular erzeugt direkt einen Lead im CRM, und niemand pflegt eine Kopie.

Erweiterbar, ohne dass wir jeden Baustein kennen müssen

Der Editor muss keinen Baustein vorher kennen. Eine Erweiterung bringt Darstellung, Einstellungen und Vorschau selbst mit, und die Bedienmaske entsteht daraus automatisch. Das ist die Voraussetzung dafür, dass Erweiterungen überhaupt eine Chance haben, statt an einer fest verdrahteten Liste zu scheitern.

Ein System, kein Flickwerk

Womit Webbaukasten zusammenarbeitet

Kein Zapier, keine Sync-Jobs, keine doppelten Stammdaten. Die Nachbarmodule lesen dieselben Daten.

Websites

Der Baukasten baut die einzelne Fläche, das Websites-Modul liefert die Website drumherum: Seitenbaum, Domains, Menüs, URL-Verwaltung, Blog und die öffentliche Auslieferung. Eine Seite im Seitenbaum öffnest du direkt im Baukasten, und beim Veröffentlichen wird der Cache der Website gezielt geleert.

Mehr dazu

Marketing

Der Formular- und der Newsletter-Baustein kommen aus dem Marketing-Modul und nutzen dessen bestehende Formular- und Einwilligungs-Verwaltung. Es gibt keine zweite Formular-Engine, und ein abgeschicktes Formular kann eine Mail auslösen, einen Lead anlegen, eine Automation starten oder eine Datei ablegen. Die Arbeitsteilung ist klar: Der Baukasten baut die Landingpage, das Marketing-Modul liefert Formulare, Consent und Attribution dazu.

Mehr dazu

CRM

Aus dem Landingpage-Formular wird direkt ein Lead in der Pipeline, mit Herkunft und Zeitstempel. Keine CSV-Übergabe, kein Zapier-Zwischenschritt.

Mehr dazu

Pages & Workspaces

Klare Arbeitsteilung. Pages ist der interne Arbeitsraum mit Rechten, Kommentaren und Datenbanken; der Baukasten ist die öffentliche Fläche. Gemeinsam ist nur die Technik darunter, nicht die Bedienung.

Wissensdatenbank

Geprüfte Inhalte aus dem internen Wissen kannst du als Grundlage für öffentliche Seiten nehmen, ohne dass interne Artikel versehentlich nach draußen wandern.

Mehr dazu

Automation & Reporting

Veröffentlichungen sind Ereignisse im System. Daran hängen Benachrichtigungen, Folgeaufgaben und Auswertungen, ohne dass jemand ein zweites Werkzeug anschließt.

Automation, API und KI

So bedient die KI Webbaukasten

Die KI ruft dieselben Operationen auf wie die Oberfläche, unter deinen Rechten.

KI-Assistent · eingetippt

"Lege eine Landingpage für die Herbstaktion an, mit Hero, drei Vorteilen, Preistabelle und Kontaktformular." Die KI baut die Fläche über dieselben Operationen wie ein Mensch, im Entwurfszustand.

Unter deinen Rechten

Automationen, die du damit baust

  1. Wenn eine Kampagnenseite veröffentlicht wird, dann benachrichtige den Marketing-Kanal und lege eine Aufgabe "Anzeigen scharfschalten" an.
  2. Wenn eine Landingpage zum geplanten Termin live geht, dann starte die zugehörige E-Mail-Strecke im Marketing-Modul.
  3. Wenn eine Seite von der Auslieferung genommen wird, dann informiere die verantwortliche Person und schließe die zugehörige Kampagnen-Aufgabe.
  4. Wenn ein Formular auf einer Baukasten-Seite abgeschickt wird, dann erzeuge einen Lead im CRM und weise ihn nach Postleitzahl-Gebiet zu.

Die KI bedient alle 2.168 API-Operationen unter denselben Rechte-, Marken- und Audit-Regeln wie ein Mensch. Von außen über MCP anbindbar, in der App direkt bedienbar, beides aus demselben Funktionsumfang.

Klare Kante

Wofür du etwas anderes brauchst

Damit du im Vergleich nicht raten musst, was hier absichtlich fehlt.

Kein Theme-Store, keine Fremd-Templates

Du kaufst hier kein fertiges Design von einem Marktplatz. Gestaltet wird über Token-Themes und die Bausteine, erweitert ausschließlich über die Baustein-Schnittstelle. Das hält die Ausgabe unter Kontrolle, kostet aber die Bequemlichkeit, ein Layout einfach zu kaufen.

Die Messwerte kommen aus dem Labor, nicht aus dem Feld

LCP, CLS und INP werden unter definierten Bedingungen gemessen und gegen Schwellen geprüft, die sich nur verbessern dürfen. Eine Auswertung echter Besucher-Sitzungen ist damit nicht gemeint.

Gemeinsames Bearbeiten in Echtzeit gibt es nicht

Automatisches Speichern und Zustandsanzeige ja, gleichzeitige Cursor mehrerer Personen im selben Baum nein.

Beim Übersetzen von Fließtext gilt eine Grenze

Formatierungen wie Fett, Kursiv, Links und Listen überleben Bearbeitung und Sprachwechsel. Wer allerdings komplette Tabellen oder Bilder in einen Sprachzweig hineinkopiert, verliert sie beim Speichern. Solche Elemente gehören als eigener Baustein auf die Fläche.

Geplant, ohne Datum

der Shop-Aufsatz mit Storefront-Vorlagen, Warenkorb und Checkout auf derselben Fläche, Kundenportal-Seiten aus demselben Baukasten und ein weiterhin wachsender Baustein-Bestand, der mit den Aufsätzen mitwächst.

Wo dieses Modul heute steht

Jung

Gebaut und benutzbar, aber noch frisch. Wir sagen dir vorher, was es heute kann und was noch nicht.

Als Founding-Partner bekommst du es ohne Aufpreis und bestimmst mit, wie es am Ende funktioniert. So läuft das Programm.

Häufige Fragen zu Webbaukasten

Was unterscheidet den Baukasten von den bekannten Website-Baukästen?

Nicht die Bedienung. Die ist so aufgebaut, wie Betreiber sie erwarten: Palette, Canvas, Einstellungen je Endgerät, Vorlagen für Kopf und Fuß, Popups, Bibliothek. Du musst nichts Neues lernen. Der Unterschied liegt in dem, was beim Besucher ankommt: In den üblichen Baukästen ist der Editor-Baum gleich dem ausgelieferten Markup, daher die verschachtelten Wrapper. Hier ist der Baum reine Datenhaltung, und das Markup wird daraus gebaut. Genau das entscheidet über die Ladezeit.

Wie belastbar sind die Messwerte zur Ladezeit?

Die DOM-Zahl stammt aus einer wiederholten Messung an einer Referenz-Landingpage. Die Ladezeit-Werte (LCP 416 Millisekunden, CLS 0, INP rund 48 Millisekunden) sind eine Labor-Messung unter gedrosselter Mobilverbindung, vierfach gebremster CPU und 375 Pixel Breite, Median aus drei Läufen. Ehrlich dazugesagt: Das sind keine Felddaten aus echten Besucher-Sitzungen. Deine tatsächlichen Werte hängen von Bildern, Hosting und Inhalt ab. Die Zahlen sagen, was der Ausgabe-Pfad hergibt, nicht was deine Seite garantiert erreicht.

Können wir unsere bestehende Website importieren?

Nein, einen Import aus WordPress, Typo3 oder Webflow gibt es nicht. Seiten werden im Baukasten neu aufgebaut. Das klingt unbequem, ist bei einem Umzug aber meistens ohnehin der Weg: Struktur und Texte wandern mit, das Markup nicht. Was der Umzug abfedert: Für die alten Adressen legt das Websites-Modul Weiterleitungen an, damit Rankings und Links nicht ins Leere laufen.

Wie viele Bausteine sind es wirklich, und was, wenn einer fehlt?

101 Bausteine mit vollständigem Einstellungs-Schema. Das trägt eine Marken-Website und eine Kampagne ohne Zukauf. Eine Erwartung wollen wir gleich dämpfen: Einen Marktplatz mit tausenden Zusatz-Bausteinen gibt es hier nicht, und er ist auch nicht geplant. Was es gibt, ist die offene Erweiterungs-Schnittstelle: Ein Plugin bringt Baustein, Maske und Vorschau mit, und der Editor bindet ihn ein, ohne ihn vorher kennen zu müssen.

Können mehrere Leute gleichzeitig an einer Seite arbeiten?

Nicht am selben Baum zur selben Zeit. Der Editor speichert automatisch und zeigt den Speicherzustand an, ein gleichzeitiges Bearbeiten mit Live-Cursorn wie in einem Textdokument gibt es hier nicht. In der Praxis arbeitet man ohnehin selten zu zweit an einer Landingpage. Für den Fall, dass mehrere Leute an einer Seite beteiligt sind, hilft die Rechtetrennung: Inhalt und Stil sind verschiedene Rechte, und einzelne Bausteine lassen sich sperren.

Brauche ich für eine mehrsprachige Seite zwei Seiten?

Nein, das ist ausdrücklich anders gelöst. Es gibt eine Seite mit einem Aufbau, und die übersetzbaren Felder tragen ihren Wert je Sprache. Du schaltest im Editor die Inhaltssprache um, pflegst die Texte und veröffentlichst einmal. Daraus entsteht je Zielsprache ein eigenes Erzeugnis mit gemeinsamer Versionsnummer. Ein Sprachstand kann also nicht heimlich veralten, weil beide immer zusammen geschaltet werden.

Kann ich den Baukasten ohne den Rest des Systems nutzen?

Der Baukasten ist als eigenständiges Modul geschnitten und läuft ohne Shop. Für eine öffentliche Website brauchst du zusätzlich das Websites-Modul, das Domain, Seitenbaum und Auslieferung mitbringt. Ganz allein sinnvoll ist der Baukasten trotzdem selten, denn sein Vorteil kommt aus den Live-Daten des Systems. Der Webbaukasten ist im Grundpaket enthalten, im Founding-Programm ebenfalls; aktuelle Details auf der Preisseite (/preise/).

Webbaukasten im echten Betrieb sehen

Wir zeigen dir Webbaukasten an unserem eigenen Agentursystem, mit echten Daten. 30 Minuten, keine Folien.