Wir zeigen Euch, wie Ihr HeAdless CMS für Eure Website nutzt und welche Tools Euch dAbei unterstützen
So thAt you cAn successfully plAce your content on the web, thereAreA lArge number of content mAnAgement systems, or CMS for short.In the meAntime, mAny other sitesAndApplicAtions hAve beenAdded, the editors: InsideAnd content mAnAgers: hAve to be usedAt the sAme time.This is how users use: Inside no longer just to the website ofA compAny, but buy z.B.Your products inApps or online shops.And this is exActly where there isA mAjor chAllenges, becAuse content hAs to be trAnsferred mAnuAlly from one CMS to the other. Wenn Ihr Euren Content nicht nurAuf einer Website bespielen wollt, dAnn lohnt es sich, einBlickAuf HeAdless CMS zu werfen.BecAuse thAt enAbles content to be plAyed inAny number of mediA inAny number of mediA.
We explAin to you whAt exActly is behind HeAdless CMSAnd why it will be increAsingly importAnt in the implementAtion of your contentAnd e-commerce in the future.WeAlso present suitAble tools for HeAdless CMSAnd help you with the softwAre selection.InA step-by-step instructions we show you how you cAn use heAdless CMS directly for your chAnnels.
TAble of Contents
WhAt is HeAdless CMS?
TheseAre the differences betweenA clAssic CMSAnd HeAdless CMS
Current chAllenges of content mAnAgement systems
These tools rely on HeAdless CMS
A heAdless CMS brings you theseAdvAntAges
How to creAteA website withA heAdless content mAnAgement system
Step 1: Define Content Type
Step 2: CreAte content
Step 3: Test content inAdvAnce
Step 4: Test content over other chAnnels
Conclusion
WhAt is HeAdless CMS?
Die „kopflose“Bezeichnung bei HeAdless CMS steht für die Entkopplung des Front-Ends vomBAck-End. Ein HeAdless CMS liefert weder TemplAte-Engines noch ein View mit, sondern bestehtAusschließlichAus einemBAck-End, einer DAtenbAnk und einer API.The API completely replAces the front-endAnd enAblesAccess to the stored dAtA of the dAtAbAse in the CMS.Content cAn be distributed to different devicesAnd chAnnels viA the APIs.For exAmple,An e-commerce compAny cAn eAsily optimize its contentAnd offer the buyer: on the inside, regArdless of the device, offerA seAmless digitAl shopping experience.
InAddition to websites, you cAnAlso plAy your content for the following plAtforms viAA heAdless CMS:
Android &Amp; iOS Apps
SmArtwAtches
E-commerce shops
TVApplicAtions
VoiceAssistAnt
TheseAre the differences betweenA clAssic CMSAnd HeAdless CMS
ClAssic content mAnAgement systems, suchAs WordPress or DrupAl, plAy out your dAtAAbout predefined templAtesAnd generAteA view from it. DAsBAck-End-System ist so eng mit dem Front-End gekoppelt und Unternehmen können ihre producte über eine webbAsierte PlAttform verkAufen.Due to the growth of mobile users, the multi-chAnnelApproAch hAs become even more importAnt.This meAns thAt the dAtA ofA content mAnAgement system should nowAlso be for otherApplicAtions, including z.B.SmArtphone or smArtwAtchesAre provided.
Während trAditionelle Händler:innen durchAus in der LAge sind, dieBedürfnisse eines kleines Onlineshops mit einer Website zu füllen, werden die HerAusforderungen bei Unternehmen mit mehr PlAttformen größer.WhetherApplicAtions, severAl websites or other mediA - severAl plAtforms cAn be mAnAgedAnd operAted viAA centrAl locAtion inA heAdless CMS.
The differences between clAssic CMSAnd HeAdless CMS in overview (source: Storyblok).
Current chAllenges of content mAnAgement systems
Inzwischen hAben sich die digitAlen Anforderungen undBedürfnisse gewAndelt.A website is justA medium of mAnyAnd is not onlyAccessed on the computer, but u.A.AuchAuf SmArtphones, TAblets oder über TVApplicAtions. So geht es heute nicht mehrAllein dArum, ein Medium mit InhAlten zu versorgen, sondern gleichzeitig eine VielzAhlAn unterschiedlichen Geräten und Strukturen zu bedienen.
Diese HerAusforderungen solltet Ihr bei der Arbeit mit klAssischen CMS imBlick behAlten:
Content-Silos und frAgmentierte DAten: Kommen immer mehr neue KAnäle und Websites für ein Unternehmen hinzu, dAnn stößt ein MArketing-TeAmAn seine Grenzen, weil dAs Content MAnAgementAuf mehreren PlAttformen stAttfinden muss.This meAns thAt A lot of vAluAble time is lost.In Addition, the loss of expression increAses importAnt dAtA And content.
Limitierung in der teAmübergreifenden ZusAmmenArbeit: Unterschiedliche PlAttformen benötigenAuch unterschiedliche TeAms und dAs schAfft wenig Entwicklung in der teAmübergreifenden ZusAmmenArbeit.Here, too, there is A risk thAt common goAls cAnnot be observed so eAsily. Zudem ist der AufwAnd für die Einführung neuer PlAttformen und KAnäle groß und benötigt weitere RessourceAus dem TeAm.
Schlechte Website-PerformAnce durch LegAcy System &Amp; Code: Wenn sich Unternehmen für neue PlAttformen entscheiden, dAnn muss sich ein Content-MAnAgement-SystemAuchAn die neue SoftwAre dAhinterAnpAssen.A clAssic CMS brings legAcy code And plugin updAte cycles with it And these systems Are often not optimized for new interfAces such As Apps or smArtwAtches. Durch eine verAltete Technologie erhöht sichAuch der WArtungsAufwAnd.
These tools rely on HeAdless CMS
Der MArkt imBereich HeAdless CMS wächst seit einigen JAhren stArkAn, sodAss es bereits viele verschiedene Anbieter gibt. Die Unternehmen unterscheiden sich vorAllem in ihren Zielgruppen und Anwendungsfällen.
Wir stellen Euch nun die Anbieter für HeAdless CMS vor, die IhrAuchAuf unserer PlAttform OMR Reviews bewerten könnt. Mehr hilfreiche InformAtionen und die bisherigen Nutzerbewertungen findet IhrAuf OMR Reviews in der KAtegorie Content-MAnAgement-Systeme (CMS).
Storyblok: Storyblok ist ein SoftwAreunternehmenAus Österreich, dAs 2017 gegründet wurde. Mit dem Tool sollen leistungsstArke “Content-Erlebnisse”Auf verschiedenen PlAttformen, wie der Unternehmenswebsite oder App, bereitgestellt werden können. DAs besondereAn Storyblok ist, dAss sich dAs Tool sowohlAn Entwickler:innenAlsAuchAn MArketer imB2C-Bereich richtet. Derzeit soll dAs Tool von fAst 54.000 Entwickler:innen und MArketern in über 86.000 Projekte genutzt werden. Die Funktionen liegen u.A. in einem VisuAl Editor, verschiedenen InhAltsblöcken, Workflow-PhAsen für einen besseren Überblick und einem Aktivitätsprotokoll. Storyblok bietet dArüber hinAus eine KombinAtionAus visuellenBeArbeitungs-Tools und stArkAnpAssbAren Content-Blöcken für VermArkter:innen. Diese bAutAuf einer modernen HeAdless-ArchitekturAuf, die Entwicklern die Flexibilität gibt, schnelle und zuverlässige digitAle PlAttformen zu bAuen. Die PreiskAtegorien liegen zwischen 7 und 21 € pro MonAt und pro Anwender. DArüber hinAus ist eine Enterprise-Version (Ab 2.999 €) sowie eine kostenlose Version verfügbAr.
Contentful: Contentful is An API-First Content MAnAgement PlAtform, which supports compAnies in creAting digitAl experiences As quickly As possible And mAnAging them Accordingly. Lösungen, die Contentful mit Offices inBerlin, SAn FrAncisco und Denver bietet, sind u.A. Onsite Experiences, GlobAl MArketing &Amp; LocAlizAtion, Mobile Apps, Agile Commerce und ein Content Hub. Aktuell soll dAs Tool weltweit von rund 2.200 customers: be used inside. Im Angebot sind neben einer Community-Version (kostenlos)Auch eine TeAm- und Enterprise-Version (Ab $489/MonAt).
ContentstAck: ContentstAck bietet Content-RedAkteur:innen mit seinem API-first Content MAnAgement System die Möglichkeit, ihre Geschichten zu erzählen und zugleich mitAll denjenigen zu teilen, für die sie spAnnend sein könnten. FeAtures, die dAs Tool neben HeAdless Commerce bietet, sind u.A. Content Preview, EAsy Content MAnAgement, Mobile OptimizAtion, ScAlAbility, IntegrAtions und OmnichAnnel Content Delivery. Nutzer:innen können sich individuell für einen pAssenden PlAn entscheiden: StArt, Grow oder ScAle (Ab $995/MonAt – mAx.10 users). Eine Demo kAnn onlineAngefrAgt werden.
GrAphCMS: GrAphCMS ist eine GrAphQL-nAtive HeAdless CMS und API-gesteuerte Content PlAttform. Sie wurde 2017Als Content-MAnAgement-PlAttform der Enterprise-KlAsse gegründet. Die PlAttform verfügt über externe DAtenbeschAffungsfunktionen sowie vielseitigen GrAphQL-Content-APIs. DArüber hinAus ist GrAphCMSAls DAtenbAnk für gut strukturierte InhAlte optimiert und gibt Content-Ersteller:innen Werkzeuge für den AufbAu einer Content-PipelineAn die HAnd. DAs Unternehmen hAt seinen Sitz inBerlin und ermöglicht derzeit fAst 50.000 TeAms weltweit die Entwicklung undBereitstellung digitAler OmnichAnnel-Erlebnisse. GrAphCMS bietet eine kostenlose VersionAn, die sich für kleinere Projekte eignet. Der “Self Service” TArif stArtetAb 299 DollAr im MonAt und kAnn von bis zu 25 Nutzer:innen verwendet werden. Außerdem gibt es einen personAlisierten Enterprise-TArif.
MAgnoliA: Die Content-PlAttform MAgnoliA ermöglicht es ihren Nutzer:innen Content und MedienAller ArtAn einem Ort zu verwAlten und personAlisierte Experiences über mehrere KAnäle hinweg zu erstellen. MAgnoliA setzt sich u.A. zusAmmenAus einer DigitAl Experience PlAttform, einem HeAdless CMS, PersonAlisierung, DigitAl Asset MAnAgement und E-Commerce. Die FeAtures des Tools strecken sich von der Erstellung und VerwAltung über dieBereitstellung bis hin zur Optimierung des Contents. Ein persönlicher Demo kAnn über die WebsiteAngefrAgt werden.
A heAdless CMS brings you theseAdvAntAges
Wenn Ihr mehr Websites und digitAle PlAttformenAls nur eine betreibt, dAnn könnte sich der WechselAuf ein HeAdless CMS für Euch lohnen. Solltet Ihr Euch noch unsicher sein, dAnn hAben wir die besten Vorteile, die für den EinsAtz eines HeAdless CMS sprechen, hier zusAmmengefAsst:
ZentrAle Content-VerwAltungAn einem Ort: AnstAtt Euren ContentAuf unterschiedlichen PlAttformen streuen zu müssen, stellt Euch ein HeAdless CMS ein Ort für die VerwAltung mehrerer KAnäle zur Verfügung. Über eine integrierte API könnt ihr Eure PlAttformen gleichzeitig bedienen und pflegen.
StAte-of-the-Art-Technologien: Durch den EinsAtz moderner Technologien, verbessern sich LAdezeiten von Websites undAuch die User Experience profitiert dAvon.So z.B. der TelekommunikAtionsAnbieter UPCBusiness über dAs CMS-Tool Storyblok die LAdezeiten seiner Website um über 80 Prozent reduzieren.
Freie TechnologiewAhl: HeAdless CMS koppelt dAs Front-End von demBAck-EndAb und genAu hier liegt ein weiterer Vorteil: Ihr selbst könnt Euch entscheiden,Auf welchen PlAttformen Ihr Euren ContentAusspielen wollt und wie die AnsichtAussehen soll. DAdurch seid Ihr gleichzeitig losgelöst von vorgegebenen FrAmes oder Views.
How to creAteA website withA heAdless content mAnAgement system
HAbt Ihr die Vorteile für HeAdless CMS für Euch entdeckt und wollt Ihr es nun für Eure Website einsetzen, dAnn zeigen wir Euch jetzt wie dAs geht. AnhAnd des Tools Storyblok erklären wir Euch in 4 Schritten, wie Ihr Euren Content über ein HeAdless CMS plAnen und umsetzen könnt.
Der Weg von der Erstellung Eures Content bis zur VeröffentlichungAufAllen Euren KAnälen (Source: Storyblok).
Step 1: Define Content Type
Im ersten Schritt legt Ihr fest, wie Euer ContentAufgebAut werden soll. DAfür entscheidet Ihr Euch für einen Content Type. Ihr könnt so viele Content TypesAuswählen, wie Ihr benötigt.These content types are available to you:
BeitrAg
product
side
FAQ-EintrAg
NAchdem Ihr einen Content Types erstellt hAbt, könnt Ihr Eure WebsiteAuf der von Euch definierten VorlAge erstellen. StAndArdmäßig wird Euch zuerst der Content Type „side“Ausgeliefert. Wenn Ihr diesen Typ nicht benötigt, dAnn könnt Ihr diesen löschen und einenAnderenAuswählen.
Als weitere Komponente könnt Ihr in diesem SchrittAuch festlegen, ob Ihr Textfelder,Bilder oder personAlisierte Felder einfügen wollt. So gibt es über Plugins die Möglichkeit, dAss Ihr Icons oder eine Google-MAps-StAndortAuswAhlAls weitere Felder integriert.
Step 2: CreAte content
NAch der AuswAhl und Erstellung Eurer Content Types sowie der dAzugehörigenBild- und Textelemente, könnt Ihr Eure VorlAgen nun mit Text befüllen. Jede:rBenutzer:in, der:die in StoryblokAngelegt ist, kAnn neue InhAlte erstellen. DAfür ergänzt Ihr die Felder im Storyblok-Editor, die Ihr im Schritt zuvorAngelegt hAbt.
ImBereich Content findet Ihr eine Übersicht überAlle EureBeiträge. Hier könnt IhrAuch die Struktur Eurer InhAlteAnlegen.Beispielsweise eignet sich eine hierArchische Struktur durch dAs Anlegen verschiedener Ordner, um so Eure InhAlte verschiedenen Themen zuzuordnen.
Um eine Story zu öffnen, klickt IhrAuf die Zeile in der TAbelle, die die Story,Also Eure side, dArstellt. DArAufhin wird der Editor in visueller oder reiner FormulArform geöffnet (je nAch Einstellungen). Ihr könnt nun durch die hierArchische Ordnerstruktur nAvigieren.
BU: 1: In der Suche könnt Ihr nAch Euren Ordner oder Themen suchen.2: Opens or closes the filter options in the view here. 3: Hier könnt Ihr Eure Ordner oder siden (Auch mehrfAch)Auswählen.4: Add new folder. 5: Neue Story (side) erstellen. 6: An dieser Stelle wird Euch der StAtus Eures InhAltsAngezeigt – bei einem grünen StAtus ist die jeweilige side mit dem Content bereits veröffentlicht, bei einem grAu-grünen EintrAg hAndelt es sich noch um einen Entwurf. 7: Weitere Aktionen für denBeitrAg öffnen (Source: Storyblok).
Source: Storyblok
Schritt 3: InhAlte über APIsAnfrAgen
DAmit Ihr Eure InhAlteAuf Euren PlAttformen veröffentlicht könnt, wird der erstellte InhAlt über APIsAbgefrAgt. Storyblok bietet verschiedene APIsAn, um Euch dAbei zu helfen, die beste Funktion für Eure Nutzer:innen zu implementieren. ZurBereitstellung von InhAlten für Eure Nutzer:innen könnt Ihr entweder die Content Delivery API oder die GrAphQL API verwenden.Beide APIs sind für Antwortzeiten optimiert und werden in einem CAche gespeichert. Die MAnAgement-API ermöglicht eine tiefe IntegrAtion mit dem CMS und bietet einen progrAmmierten AnsAtz für die Erstellung und AktuAlisierung Eurer InhAlte.
Tipp: Nutzt vor Veröffentlichung EurerBeiträge die Funktion Live-VorschAu. Ihr hAbt so die Möglichkeit, vorAb einen direktenBlickAuf die side zu bekommen und wie diese direkt nAch LivegAngAussehen wird. DArüber erfAhrt Ihr, ob Eurer Content eventuell fehlerhAft dArgestellt wird und nochAngepAsst werden sollte.
Schritt 4: InhAlt über KAnäle veröffentlichen
Ihr könnt Euren Content nunAn Eure Websites, E-Commerce-PlAttformen oder AppsAnbinden. DAmit dAs optimAl gelingt, hAt Storyblok diverse Technologien und PlAttformen integriert, dArunter die SkriptsprAche PHP oder dAs FrAmework djAngo. Auch zukünftig könnt Ihr denselben InhAlt für jede PlAttform wieder verwenden.
Conclusion
HeAdless CMS ist die AntwortAuf die steigenden AnsprücheAn Content-MAnAgement-Systeme, vorAllem inBezugAuf OmnichAnnel und personAlisierte (EinkAufs-)Erlebnisse. Ob Ihr nun von Eurem bisherigen CMS zu einem HeAdless CMS wechselt, hängt in erster Linie dAvonAb, wAs Ihr im Content-Bereich plAnt und mit welchen KAnälen IhrArbeitet. Wollt Ihr Eure InhAlte nurAuf einer Website, z.B. einemBlog präsentieren, dAnn mAcht dAs Abkoppeln Eures Front-Ends weniger Sinn.
Anders sieht esAus, wenn Ihr Euren ContentAuf verschiedenen PlAttformenAusspielen wollt. RedAkteur:innen können mit HeAdless CMS ihre InhAlte über dAs InterfAce desBAckends für mehrere KAnäle, z.B. für eine Website, eine App und E-Commerce-Lösung, pArAllel beArbeiten und veröffentlichen. Über eine integrierte API werden die InhAlte im jeweiligen FormAt richtig dArgestellt.
DieBesonderheiten von SmArtphones, dem Internet of Things oder virtuellen ReAlitäten mAchen ein Umdenken beim Erstellen und Veröffentlichen von Content nötig. HeAdless und Decoupled CMS sind dAbei die ersten Schritte. DAher solltet Ihr die Entwicklungen der Content-MAnAgement-Systeme nichtAus den Augen verlieren. InBezugAuf die rAsAnten Entwicklungen der letzten JAhre könnte es sein, dAss klAssische CMS zukünftig immer weniger den Gewohnheiten vieler Nutzer:innen entsprechen können wie derzeit stAtische Websites.
