Editor visivo dei contenuti

Modifica i tuoi contenuti dove vivono — sul tuo sito web reale

L'editor visuale di b10cks offre al tuo team contenuti un'anteprima live delle modifiche mentre le apporta, con un binding bidirezionale che trasforma il tuo sito reale nel pannello di modifica. Niente più immaginazioni su come apparirà una modifica. Vedi tutto all'istante.

Inizia gratis

Il problema della modifica basata su moduli

Nessuno pensa in termini di campi modulo.

Ogni altro CMS chiede al tuo team contenuti di immaginare come appariranno le modifiche. Compilano un modulo, cliccano su salva, aprono l'URL di anteprima e scoprono che il titolo è troppo lungo, l'immagine non va bene e il layout si è rotto su mobile. Poi tornano indietro e rifanno tutto.

Quel giro è lento. È frustrante. Ed è del tutto inutile.

b10cks offre agli editor un'anteprima live dei contenuti, con binding bidirezionale — dentro il sito effettivamente renderizzato — così vedono ogni modifica nel momento in cui la fanno.

Binding bidirezionale

Modifica qui. Vedi lì. Allo stesso tempo.

L'editor visuale di b10cks funziona tramite una connessione bidirezionale tra il pannello editor del CMS e l'anteprima live del frontend:

Editor → Anteprima Quando un editor modifica il valore di un campo nel pannello CMS, l'anteprima si aggiorna in tempo reale — senza ricaricare la pagina, senza passare dalla pubblicazione. La modifica è visibile subito.

Anteprima → Editor Quando un editor clicca direttamente su un elemento nell'anteprima — un titolo, un blocco, un pulsante — il pannello editor salta direttamente ai campi di quel contenuto. Niente più ricerche dentro un albero di tipi di contenuto. Clicca ciò che vuoi modificare e modificalo.

Questo è l'aspetto della vera modifica visuale.

Architettura dell'anteprima live

Funziona con il tuo frontend esistente. Nessuna build speciale richiesta.

L'editor visuale non richiede di ricostruire il frontend con un framework o SDK specifico. Usa una connessione di anteprima leggera che si integra con qualsiasi frontend:

  • Nuxt — composable per l'anteprima inclusi nell'SDK *
  • Qualsiasi framework — API di anteprima raw con protocollo documentato

Il tuo frontend renderizza i contenuti. b10cks invia aggiornamenti live. Tutta la connessione è qui.

* altri SDK nativi per framework sono in arrivo

Il pannello di modifica

Tutti gli strumenti di cui i tuoi editor hanno bisogno. Nessuno di quelli inutili.

Il pannello editor si affianca alla tua anteprima, mostrando solo i campi contenuto rilevanti per ciò che è attualmente selezionato o in focus.

Nel pannello:

  • Moduli di campi strutturati per ogni tipo di blocco
  • Modifica inline del rich text con una toolbar pulita e configurabile
  • Upload immagini, selezione dalla libreria asset e anteprima delle trasformazioni
  • Trascinamento dei blocchi per riordinarli nei campi array
  • Selettore di riferimenti — trova e collega qualsiasi voce di contenuto nello spazio
  • Cambio lingua — anteprima e modifica in qualsiasi lingua abilitata
  • Indicatore di stato bozza/pubblicato e controlli di pubblicazione
  • Pannello dei thread di commenti — vedi e partecipa alle conversazioni sul contenuto corrente

Anteprima mobile e responsive

Vedi esattamente ciò che vedono i tuoi visitatori — su ogni dispositivo.

Passa la preview tra le varie dimensioni di visualizzazione con un solo clic:

  • Desktop — anteprima a tutta larghezza
  • Tablet — anteprima con breakpoint responsive
  • Mobile — anteprima in viewport stretto

Scova i problemi di layout prima che vadano online. Niente telefono necessario. Nessun DevTools del browser richiesto.

Libreria dei blocchi

Aggiungi blocchi di contenuto come se stessi usando uno strumento di design.

Il pannello della libreria blocchi permette agli editor di sfogliare tutti i tipi di blocco disponibili e aggiungerli alla pagina corrente in un solo passaggio. Nessuna competenza tecnica richiesta.

  • Schede visive dei tipi di blocco con nome e descrizione
  • Ricerca e filtro per categoria di blocco
  • Clic per aggiungere in fondo, oppure trascina in qualsiasi posizione nell'albero dei contenuti
  • Anteprima dei campi di un nuovo blocco prima dell'inserimento

Gli editor possono comporre pagine ricche e strutturate a partire da blocchi modulari — senza mai chiedere a uno sviluppatore di "aggiungere solo una sezione."

Pubblicazione programmata

Imposta e dimentica.

Pianifica in anticipo le uscite dei tuoi contenuti. Programma qualsiasi contenuto per andare online a una data e ora specifica — b10cks gestisce la pubblicazione in automatico.

  • Pubblicazione programmata per locale per team globali
  • Rimozione programmata dalla pubblicazione per contenuti a tempo
  • Rilasci atomici — raggruppa più modifiche di contenuto in un unico deploy programmato

Niente più accessi a mezzanotte per premere "pubblica".

Il tuo team contenuti merita un editor che rispetti il suo tempo.

L'editor visuale è incluso in tutti i piani b10cks — nessun upgrade richiesto, nessun feature flag, nessun "contatta il reparto vendite." Provalo ora.