Headless CMS

Ein Headless CMS, das dein Team direkt auf der Website bearbeitet

Dein Entwickler baut die Website mit beliebigem Stack und holt Texte, Bilder und Listen per einfacher REST-Anfrage. Dein Team ändert sie per Klick auf der echten Seite – nicht in Admin-Formularen, die mit der Website nichts gemeinsam haben.

Kostenlos starten
Für Entwickler

Inhalte per API – deine Website bleibt deine

Wir liefern eine API, keinen Baukasten: Deine Entwickler bauen die Website mit dem Stack ihrer Wahl, und Texte, Bilder und Listen kommen per einfachem GET-Request aus dem CRM. Eine Seite, ein Abschnitt oder ein einzelner Block – als JSON mit deinen eigenen Markern als Schlüssel, Blogbeiträge als Liste.

  • Abruf aus dem Browser von jeder Domain, vom Server oder beim Build
  • Alle Sprachen in einer Antwort oder nur die benötigten: ?lang=de,en
  • Der öffentliche Schlüssel liest nur Inhalte seiner Website und lässt sich in den CRM-Einstellungen widerrufen

Was ist ein Headless CMS?

Ein Headless CMS speichert Inhalte, baut aber keine Website. Ein klassisches CMS wie WordPress hält die Texte und rendert die Seiten mit seinem eigenen Theme. Ein Headless CMS liefert dieselben Inhalte über eine API – wie sie aussehen, bestimmt die Website selbst, ob React, Next.js, Vue oder reines HTML.

Diese Freiheit hat ihren Preis: Redakteure arbeiten meist in Formularen, die nicht wie die Website aussehen, und eine visuelle Vorschau braucht oft zusätzliche Einrichtung. Sitecog behält die API und ergänzt das Fehlende: Ein Element wird einmal markiert und lässt sich dann direkt auf der Live-Seite bearbeiten.

Ein Headless CMS lohnt sich, wenn du einen Entwickler hast und volle Kontrolle über den Code willst. Schreibt niemand im Team Code, ist ein Baukasten einfacher.

Eine Content-API ohne die üblichen Kompromisse

  • Einfaches REST und JSON

    Seiten, Sektionen, einzelne Blöcke und Blogartikel per GET-Anfrage. Inhalte kommen unter deinen eigenen Markern, alle Sprachen in einer Antwort oder nur die gewünschten.

  • Jeder Stack, kein SDK

    Ein normales fetch aus dem Browser, vom Server oder beim Build. Die Doku enthält Beispiele für React, Next.js und Nuxt.

  • Visuelle Bearbeitung auf der echten Seite

    Ein Element wird einmal mit einem data-crm-Attribut markiert. Danach werden Texte, Bilder, Videos, Listen und Karten direkt auf der Website bearbeitet – gespeichert in genau den Daten, die die API ausliefert.

  • 20 Sprachen, automatisch übersetzt

    Sprache hinzufügen – die Inhalte werden im Hintergrund mit Google Translate übersetzt. Manuelle Änderungen werden nie überschrieben, ein Bild kann je Sprache anders sein.

  • Schnell und immer aktuell

    Antworten werden bei uns zwischengespeichert und unterstützen ETag, wiederholte Anfragen erhalten ein schnelles 304. Eine Änderung im CRM leert den Cache sofort.

  • Sicher by Design

    Der öffentliche pk_-Schlüssel kann nur lesen und lässt sich widerrufen. Rechte im Team werden pro Bereich vergeben – lesen oder schreiben –, Aktionen werden protokolliert.

Von der API zur Bearbeitung auf der Seite in drei Schritten

  1. Website hinzufügen

    Registrieren, Domain hinzufügen und einen öffentlichen Leseschlüssel erhalten. Seiten, Sektionen und Blöcke anlegen: Text, HTML, Bild, Video, Link, Datum, Liste oder Objekt.

  2. Inhalte abrufen

    JSON per fetch anfragen und in deinen Komponenten ausgeben. Ein Skript-Tag einbinden und data-crm-Attribute an die Elemente setzen, die bearbeitbar sein sollen.

  3. Auf der Seite bearbeiten

    Website im CRM öffnen und ein markiertes Element anklicken. Die Änderung ist sofort in der API – ohne neuen Build, wenn deine Website Antworten nicht selbst zwischenspeichert.

const res = await fetch('https://back.sitecog.com/content/v1/sections/hero?lang=en', {
  headers: { 'x-crm-key': 'pk_…' },
});
const hero = (await res.json()).content;

// Einmal markiert – jetzt direkt auf der Seite bearbeitbar
<h1 data-crm-text="hero_title">{hero.hero_title.content.en}</h1>
// Doku: sitecog.com/de/docs
Live-Bearbeitung

Bearbeite deine Website genau dort, wo Kunden sie sehen

Öffne deine Website im CRM, klick auf eine Überschrift, einen Preis oder ein Bild – und ändere es direkt auf der Seite. Ohne Backend voller Formulare, ohne Entwickler.

  • Texte, Bilder, Videos, Listen und Produktkarten
  • Bild aus deinen Dateien wählen – oder ein neues einfach auf das alte ziehen
  • Funktioniert mit jeder Technologie: React, Next.js, Vue, PHP oder statisches HTML
Alle Funktionen →
Mehrsprachigkeit

Neue Sprache – die Texte übersetzen sich selbst

Wähle eine Sprache aus der Liste, und das CRM übersetzt die Texte deiner Seiten im Hintergrund maschinell mit Google Translate. Die Website bleibt dabei online: Die neue Sprache startet mit einer Kopie des Originals.

  • 20 Sprachen zur Auswahl, darunter Chinesisch, Arabisch, Hindi, Thai und Suaheli
  • Die Übersetzung überschreibt keine Änderungen: Ersetzt werden nur Texte, die noch wörtlich dem Original entsprechen
  • Deaktivierte Sprachen sehen Besucher nicht – weder im Umschalter noch per Direktaufruf

Klassisches CMS, Headless CMS und Sitecog im Vergleich

SitecogHeadless CMSKlassisches CMS
FrontendEigener Code, jeder StackEigener Code, jeder StackThemes und Templates des CMS
Auslieferung der InhalteREST-API, JSONAPI (REST oder GraphQL)Das CMS rendert die Seiten
Wo Redakteure arbeitenAuf der Live-Seite und im CRMAdmin-Formulare; visuelle Bearbeitung bei manchen ProduktenAdmin-Bereich, Page-Builder
Sprachen20, automatisch übersetztLocales im Content-ModellMeist per Plugin
DatenstandortTexte auf Servern in der EU, Medien in Cloudflare R2Je nach AnbieterJe nach Hosting
Leads, Chat, AnalyseIntegriert (bezahlte Tarife)Separate DienstePlugins

Allgemeiner Vergleich zweier CMS-Arten, nicht einzelner Produkte.

Fragen zum Headless CMS

Brauche ich ein SDK oder ein bestimmtes Framework?

Nein. Die Content-API ist einfaches REST mit JSON-Antworten, daher passt jede Sprache und jedes Framework, das HTTP-Anfragen stellen kann: Next.js, Nuxt, Astro, SvelteKit, React, Vue oder reines JavaScript.

Können auch Leute ohne Programmierkenntnisse die Website bearbeiten?

Ja, nachdem der Entwickler die Elemente einmal markiert hat. Danach öffnen Redakteure die Website im CRM, klicken auf eine Überschrift, einen Preis oder ein Bild und ändern es. Neue Blöcke lassen sich ebenfalls direkt auf der Seite anlegen.

Gibt es GraphQL, Webhooks oder eine Vorschau?

Noch nicht. Die API ist reines REST, Webhooks gibt es nicht. Seiten und Blöcke haben keine Entwürfe: Eine Änderung ist sofort veröffentlicht – deshalb passiert sie direkt auf der Live-Seite. Blogartikel haben Entwürfe und geplante Veröffentlichung.

Wie funktioniert die Übersetzung?

Du wählst Sprachen aus einer Liste von 20, das CRM übersetzt Texte und HTML im Hintergrund mit Google Translate. Von Hand geänderter Text wird nicht überschrieben. Jeder Tarif hat ein Zeichenkontingent für Übersetzungen.

Welche Limits gibt es?

Die API erlaubt 300 Anfragen pro Minute je IP und 600 je Schlüssel, in jedem Tarif. Die Testphase umfasst 3 Seiten und 2 Sprachen; Basic ($29 für 30 Tage) 20 Seiten und 5 Sprachen; Pro ($79) 200 Seiten, 20 Sprachen und den Blog.

Ist der öffentliche Schlüssel im Browser sicher?

Ja. Er liest nur veröffentlichte Inhalte einer Website und lässt sich jederzeit in den CRM-Einstellungen widerrufen. Ändern kann man damit nichts.

Wo werden die Inhalte gespeichert?

Texte und Einstellungen in einer Datenbank auf Servern in der EU. Hochgeladene Bilder und Videos im Objektspeicher Cloudflare R2.

Tarife

Kostenlos starten 7 Tage lang

Jedes Konto beginnt mit der Testphase: deine Website, Live-Bearbeitung direkt auf der Seite und automatische Übersetzung. Basic ergänzt den Live-Chat, Pro Anfragen aus Formularen, den Blog und das Marketing.

Testphase

Kostenlos7 Tage
Sofort nach der Registrierung verfügbar
Websites
1
Seiten
3
Blöcke
100
Sprachen
2
Dateispeicher
50 MB
Zeichen für Auto-Übersetzung
10.000
  • Inhalte und Live-Bearbeitung
  • Automatische Übersetzung in weitere Sprachen
  • Übersicht, Dateien, Teammitglieder, Aktivitätsprotokoll
Kostenlos starten

Basic

$29pro 30 Tage
Wird im CRM aktiviert
Websites
3
Seiten
20
Blöcke
1.000
Sprachen
5
Dateispeicher
2 GB
Zeichen für Auto-Übersetzung
220.000
Alles aus der Testphase, plus:
  • Live-Chat mit Website-Besuchern
Mit der Testphase starten

Pro

Alle Funktionen
$79pro 30 Tage
Wird im CRM aktiviert
Websites
10
Seiten
200
Blöcke
20.000
Sprachen
20
Dateispeicher
20 GB
Zeichen für Auto-Übersetzung
590.000
Alles aus Basic, plus:
  • Anfragen aus Website-Formularen
  • Blog
  • Website-Besucher
  • Werbekanäle
  • Website-Ereignisse
Mit der Testphase starten
Tarife im Detail vergleichen
Limits und Funktionen der Tarife Testphase, Basic und Pro
TarifTestphaseBasicPro
Limits
Websites1310
Seiten320200
Seitenabschnitte303003.000
Blöcke1001.00020.000
Sprachen2520
Dateispeicher50 MB2 GB20 GB
Zeichen für Auto-Übersetzung10.000220.000590.000
Teammitglieder pro Website2520
BlogartikelNicht enthaltenNicht enthalten1.000
WerbelinksNicht enthaltenNicht enthalten500
EreignistypenNicht enthaltenNicht enthalten100
Funktionen
Inhalte bearbeitenEnthaltenEnthaltenEnthalten
Live-Bearbeitung auf der SeiteEnthaltenEnthaltenEnthalten
Automatische ÜbersetzungEnthaltenEnthaltenEnthalten
Anfragen aus Website-FormularenNicht enthaltenNicht enthaltenEnthalten
Live-Chat mit BesuchernNicht enthaltenEnthaltenEnthalten
BlogNicht enthaltenNicht enthaltenEnthalten
Marketing-AnalyticsNicht enthaltenNicht enthaltenEnthalten
Besucherkonten auf deiner WebsiteNicht enthaltenNicht enthaltenBald
  • Limits gelten pro Konto – für alle deine Websites zusammen; Teammitglieder werden pro Website gezählt
  • Die Testphase gibt es einmal pro Konto; die Zeichen für die Auto-Übersetzung gelten für alle 7 Tage
  • Bezahlte Tarife laufen in 30-Tage-Zeiträumen: Zu Beginn jedes Zeitraums werden die Übersetzungszeichen wieder aufgefüllt
  • Nach der Testphase: Basic oder Pro. Ohne Zahlung wird das CRM gesperrt, deine Website läuft aber weiter
Loslegen

Teste Sitecog auf deiner Website

Registriere dich – und die Testphase gehört dir: 7 Tage kostenlos. Verbinde deine Website und bearbeite sie direkt auf der Seite. Anfragen, Live-Chat und Analytics gibt es in den bezahlten Tarifen.

  • 7 Tage kostenlos
  • E-Mail oder Google
  • Keine Kreditkarte nötig

Du möchtest erst eine Frage stellen? Schreib uns