Come Aggiungere un Blocco nel Page Builder

Il Page Builder permette di costruire il contenuto della pagina utilizzando blocchi predefiniti. Ogni blocco rappresenta un componente riutilizzabile che può essere aggiunto, modificato e riordinato.

Panoramica

Il Page Builder è uno strumento visuale che permette di:

• Aggiungere contenuti modulari alla pagina
• Organizzare il layout senza scrivere codice
• Utilizzare componenti predefiniti e personalizzati
• Creare layout complessi in modo intuitivo

Passo 1: Accedere alla Sezione Page Builder

1. Apri o crea una pagina nel CMS
2. Assicurati di essere nella tab "Principale" (non SEO)
3. Scorri fino alla sezione "Page builder" nella parte inferiore del form
4. La sezione Page Builder mostra un pulsante "+ Add block" quando non ci sono blocchi ancora aggiunti

Annotazione 1 (Blu): Il pulsante "+ Add block" è evidenziato in blu. Questo è il punto di partenza per aggiungere contenuti alla pagina.

Passo 2: Cliccare sul Pulsante "Add block"

1. Clicca sul pulsante "+ Add block" nella sezione Page Builder
2. Si aprirà un menu a tendina con tutti i blocchi disponibili organizzati per categoria

Passo 3: Esplorare le Categorie di Blocchi

Il menu dei blocchi mostra diverse categorie organizzate per tipo:

Categorie Disponibili

1. Interactive - Blocchi interattivi (es. form, bottoni, elementi cliccabili)
2. Testo - Blocchi basati su testo (es. paragrafi, titoli, liste)
3. Carousel - Blocchi per caroselli e slider
4. Moduli - Blocchi per moduli e form
5. Multimedia - Blocchi per immagini, video e media
6. Layout - Blocchi per organizzare il layout (es. colonne, sezioni)

Annotazione 2 (Verde): Il campo di ricerca permette di trovare rapidamente un blocco specifico digitando il suo nome.

Annotazione 3 (Arancione): Le categorie di blocchi sono evidenziate. Clicca su una categoria per vedere i blocchi disponibili in quella categoria.

Passo 4: Cercare un Blocco (Opzionale)

1. Utilizza il campo di ricerca in alto del menu per trovare rapidamente un blocco
2. Digita il nome del blocco che stai cercando
3. I risultati verranno filtrati in tempo reale

Passo 5: Selezionare un Blocco

1. Naviga tra le categorie per trovare il blocco desiderato
2. Clicca sulla categoria per espanderla e vedere i blocchi disponibili
3. Clicca sul blocco specifico che vuoi aggiungere
4. Il blocco verrà aggiunto alla pagina e potrai compilarne i campi

Dopo l'Aggiunta di un Blocco

Una volta aggiunto un blocco:

1. Il blocco appare nella lista: Il blocco verrà visualizzato nella sezione Page Builder
2. Campi da compilare: Potrai compilare i campi specifici del blocco selezionato
3. Riordinamento: Potrai riordinare i blocchi trascinandoli su e giù
4. Duplicazione: Potrai duplicare blocchi usando il menu contestuale
5. Eliminazione: Potrai eliminare blocchi usando il menu contestuale o il pulsante di eliminazione

Struttura del Menu Blocchi

Il menu dei blocchi è organizzato in modo intuitivo:

• Icone: Ogni blocco ha un'icona identificativa per riconoscerlo rapidamente
• Nome: Nome descrittivo del blocco
• Categorie: I blocchi sono raggruppati per tipo/funzione per facilitare la ricerca
• Ricerca: Campo di ricerca per trovare rapidamente un blocco specifico
• Descrizioni: Alcune categorie mostrano brevi descrizioni per aiutare nella scelta

Best Practices

1. Pianifica la struttura: Prima di aggiungere blocchi, pensa alla struttura della pagina
2. Inizia semplice: Aggiungi pochi blocchi alla volta per mantenere la pagina organizzata
3. Usa la ricerca: Se conosci il nome del blocco, usa la ricerca per trovarlo rapidamente
4. Esplora le categorie: Naviga tra le categorie per scoprire tutti i blocchi disponibili
5. Testa il risultato: Dopo aver aggiunto un blocco, visualizza la pagina per vedere come appare

Prossimi Passi

Dopo aver aggiunto un blocco, consulta la documentazione specifica del blocco per:

• Capire quali campi compilare
• Vedere esempi di utilizzo
• Conoscere le opzioni di configurazione disponibili
• Imparare come personalizzare l'aspetto del blocco

Ogni blocco ha la sua documentazione dettagliata che spiega:

• Cosa fa il blocco
• Quali campi sono disponibili
• Come configurare il blocco
• Esempi pratici di utilizzo