Visuele contenteditor

Bewerk je content waar die leeft — op je eigen website

De visuele editor van b10cks geeft je contentteam een live preview van hun wijzigingen terwijl ze die maken, met tweewegkoppeling die je echte site verandert in de bewerkingsomgeving. Geen gedoe meer met raden hoe een wijziging eruit zal zien. Zie het meteen.

Gratis aan de slag

Het probleem met bewerken via formulieren

Niemand denkt in formuliervelden.

Elke andere CMS vraagt je contentteam om zich voor te stellen hoe hun aanpassingen eruit zullen zien. Ze vullen een formulier in, klikken op opslaan, gaan naar een preview-URL en ontdekken dat de titel te lang is, de afbeelding er verkeerd uitziet en de lay-out op mobiel kapot is. Daarna beginnen ze opnieuw.

Die loop is traag. Frustrerend. En volstrekt onnodig.

b10cks geeft editors een live preview van hun content met tweewegkoppeling — rechtstreeks in de echt gerenderde website — zodat ze elke wijziging zien op het moment dat ze die maken.

Tweewegkoppeling

Bewerk hier. Zie het daar. Tegelijkertijd.

De visuele editor van b10cks werkt via een bidirectionele verbinding tussen het CMS-editorpaneel en je live frontendpreview:

Editor → Preview Wanneer een editor een veldwaarde wijzigt in het CMS-paneel, wordt de preview in realtime bijgewerkt — zonder paginaherlaad, zonder publicatiestap. De wijziging is direct zichtbaar.

Preview → Editor Wanneer een editor rechtstreeks op een element in de preview klikt — een kop, een blok, een knop — springt het editorpaneel meteen naar de velden van die content. Niet meer zoeken in een boomstructuur van contenttypes. Klik op wat je wilt bewerken, en bewerk het.

Dát is hoe echt visueel bewerken eruitziet.

Live preview-architectuur

Werkt met je bestaande frontend. Geen speciale build nodig.

De visuele editor vereist niet dat je je frontend opnieuw opbouwt met een specifiek framework of SDK. Hij gebruikt een lichte previewverbinding die met elke frontend integreert:

  • Nuxt — preview composables inbegrepen in de SDK *
  • Elk framework — ruwe preview-API met een gedocumenteerd protocol

Je frontend rendert je content. b10cks stuurt live updates. Dat is de hele verbinding.

* er komen nog meer native framework-SDK's aan

Het editorpaneel

Alle tools die je editors nodig hebben. Geen overbodige.

Het editorpaneel schuift naast je preview naar binnen en toont alleen de contentvelden die relevant zijn voor wat op dat moment geselecteerd of in focus is.

In het paneel:

  • Gestructureerde veldformulieren voor elk bloktype
  • Inline rich-textbewerking met een schone, configureerbare werkbalk
  • Afbeelding uploaden, kiezen uit de assetbibliotheek en transformatiepreview
  • Blokken verslepen om de volgorde van array-velden te wijzigen
  • Referentiekiezer — vind en link naar elk contentitem in de space
  • Locale-switcher — preview en bewerk in elke ingeschakelde taalvariant
  • Concept/publicatiestatus en publicatiebediening
  • Reactiedraad-paneel — bekijk en neem deel aan gesprekken over de huidige content

Mobiele en responsieve preview

Zie precies wat je bezoekers zien — op elk apparaat.

Wissel met één klik tussen verschillende viewport-formaten in de preview:

  • Desktop — preview over de volle breedte
  • Tablet — responsive breakpoint-preview
  • Mobiel — preview in smalle viewport

Ontdek lay-outproblemen voordat ze live gaan. Geen telefoon nodig. Geen browser-DevTools vereist.

Blokbibliotheek

Voeg contentblokken toe alsof je met een ontwerptool werkt.

Met het blokbibliotheekpaneel kunnen editors alle beschikbare bloktypes bekijken en ze in één stap toevoegen aan de huidige pagina. Geen technische kennis nodig.

  • Visuele kaarten voor bloktypes met naam en beschrijving
  • Zoeken en filteren op blokcategorie
  • Klik om onderaan toe te voegen, of sleep naar elke positie in de contentboom
  • Preview van de velden van een nieuw blok voordat je het invoegt

Editors kunnen rijke, gestructureerde pagina's opbouwen uit bouwblokken — zonder ooit een ontwikkelaar te hoeven vragen om "even een sectie toe te voegen".

Geplande publicatie

Instellen en vergeten.

Plan je contentreleases van tevoren. Plan elk contentonderdeel om op een specifieke datum en tijd live te gaan — b10cks regelt de publicatie automatisch.

  • Geplande publicatie per locale voor internationale teams
  • Geplande depublicatie voor content met een beperkte looptijd
  • Atomische releases — bundel meerdere contentwijzigingen in één geplande uitrol

Nooit meer midden in de nacht inloggen om op "publiceren" te klikken.

Je contentteam verdient een editor die hun tijd respecteert.

De visuele editor zit in elk b10cks-abonnement inbegrepen — geen upgrade nodig, geen featureflag, geen "neem contact op met sales". Probeer hem nu.