01
Componi la sezione sul canvas
Crea il blocco con testi, media e stili come una sezione normale.
Salva sezioni, riusale su tutte le pagine e mantieni coerenza visiva senza rifare il lavoro ogni volta.
Apri il builder
Blocchi che restano
Ogni componente conserva struttura e stile: aggiorni l'istanza master e mantieni ordine tra pagine, revisioni e pubblicazione.
Aggiungi componenti dalla sidebar, riordina nel navigator e vedi subito il risultato nel canvas.
Colori, font e variabili si applicano alle istanze: il componente segue il tuo design system.
Perfetti per CTA, card servizi, testimonial e blocchi FAQ che compaiono in piu pagine.
Classi, effetti e background restano editabili per ogni istanza senza perdere la struttura salvata.
Quattro passaggi per creare, inserire e mantenere blocchi riutilizzabili.
01
Crea il blocco con testi, media e stili come una sezione normale.
02
Aggiungilo alla libreria con nome e anteprima per ritrovarlo subito.
03
Trascina l'istanza dove serve: struttura e classi restano allineate.
04
Ogni revisione conserva data-component-id e coerenza tra pagine live.
Meno copia-incolla, piu controllo: lavori su blocchi verificati e porti online un sito ordinato in meno tempo.
CTA, card e FAQ si aggiornano con un solo blocco master, non pagina per pagina.
Tipografia, colori e spacing restano coerenti su desktop, tablet e mobile.
Le istanze componente sono evidenti nell'albero: capisci subito cosa e riutilizzabile.
Salvataggi e revisioni mantengono metadati componente fino al go-live.
Componenti
Risposte rapide su salvataggio, riuso e coerenza tra pagine.
Si: salvi una sezione come componente e la riusi dove ti serve. E ideale per CTA, card servizi, FAQ e blocchi ripetuti su piu pagine.
Ogni istanza resta collegata al componente con data-component-id. Puoi personalizzare contenuti e stili mantenendo struttura e metadati per load e navigator coerenti.
Si. Regoli layout e stili per desktop, tablet e mobile come per qualsiasi blocco: il componente eredita il sistema viewport del builder.
Ogni salvataggio crea una revisione con HTML e CSS del progetto, inclusi is-component e data-component-id sulle istanze, cosi puoi tornare indietro senza perdere la libreria.