Vai al contenuto principale

Personalizzare le descrizioni dei progetti con il Content Builder

Scritto da Ken Van Mechelen

Questo articolo è tradotto in macchina dall'inglese

Qual è il costruttore di contenuti?

Il Content Builder è un potente strumento per personalizzare le descrizioni dei progetti. Fornisce un modo flessibile per costruire pagine interattive combinando testi, immagini, multimediali e incorporati di terze parti.

Con il Content Builder puoi:

  • Crea layout ricchi usando sezioni e colonne

  • Aggiungi elementi multimediali come video, presentazioni e documenti

  • Incorpora sondaggi e moduli per l'interazione del pubblico

  • Collabora su documenti o condividi gli aggiornamenti direttamente nella descrizione del progetto

  • Aggiungi testo, immagini e contenuto incorporato

  • Includi sondaggi, diapositive o aggiornamenti di notizie prima o durante il fidanzamento

  • Crea pulsanti per collegare tra progetti o fasi

  • Aggiungi un blocco HTML per incorporare codice HTML personalizzato direttamente nella pagina del tuo progetto

  • È possibile utilizzare widget come colonne per riempire la pagina in modo creativo (e. . aggiungendo solo contenuti al centro, aggiungendo un'immagine a destra, ...)

Come si trova il generatore di contenuti?

Per i progetti

  1. Passa il mouse sull'anteprima della pagina del progetto

  2. Clicca su " Modifica contenuto della pagina"

  3. Clicca su "Visualizza pagina " per vedere il layout del desktop in tempo reale (l'anteprima del back-office è più stretta)

Per le cartelle

  1. Vai nella cartella principale.

  2. Clicca sulla scheda " Impostazioni ".

  3. Sotto " Descrizione cartella ", clicca su " Modifica descrizione" nel Content Builder

Come usare i diversi widget?

  1. Apri l'editor del Content Builder

  2. Individuare il menu a sinistra con tre categorie: Sezioni, Layout e Contenuti

  3. Trascina qualsiasi elemento (ad esempio, sezione, blocco di layout) sulla superficie al centro dello schermo

  4. Fare clic su un blocco per modificare il testo, l'immagine o le impostazioni; l'editor appare sul lato destro dello schermo

  5. Riorganizza o elimina blocchi se necessario

  6. Per eliminare un blocco, passa il mouse sopra di esso sull'area di lavoro e usa l'icona di eliminazione presente sul blocco stesso; il pannello delle impostazioni a destra non include un'opzione di eliminazione

Aggiunta di fasi e di ulteriori sondaggi

Widget "Fasi"

Il widget "Fasi" verrà aggiunto di default alla pagina del tuo progetto: puoi spostarlo usando la funzione "trascina e rilascia" del generatore di contenuti, oppure puoi eliminarlo. Mostrerà automaticamente il nome delle fasi; quella attualmente attiva sarà evidenziata in verde e, se quella fase prevede un’opportunità di partecipazione (sondaggio, invio di idee, ecc.), mostrerà anche il pulsante per inviare un contributo.

Puoi sempre usare il riquadro "Partecipazione", che contiene il pulsante di partecipazione, per aggiungere un altro pulsante di partecipazione più in alto nella pagina del progetto.

Widget “Sondaggi extra” (sondaggi paralleli)

Se vuoi avere un sondaggio sempre attivo che non sia legato a una fase specifica, puoi creare sondaggi aggiuntivi nel tuo progetto. E per renderli visibili nella pagina del progetto, dovrai aggiungere il widget "Extra Surveys " nel generatore di contenuti del progetto.

Puoi personalizzare la posizione in cui questo sondaggio aggiuntivo appare nella pagina del progetto trascinando e rilasciando questo widget in qualsiasi punto del generatore di contenuti.

ℹ️ Per sapere come crearne uno, dai un'occhiata alla guida " Creare un sondaggio all'interno della piattaforma".

Incorporamento nel generatore di contenuti

Tipi di embed supportati

Il Content Builder supporta una vasta gamma di contenuti incorporabili.

Surveys: Typeform, SurveyMonkey, Qualtrics, e altri. Copia il link di condivisione predefinito e incollalo nel campo incorporato.

Documenti: I file Google Docs/Sheets/Slides, PDF e Microsoft Office tramite OneDrive sono supportati. Estrae l'URL dal codice incorporato, se necessario.

Maps: Google Maps e ArcGIS link richiedono la pulizia del codice incorporato per mantenere solo https URL.

Data Visualizations: Tableau e Google Data Studio embeds richiedono di estrarre e modificare leggermente l'URL iframe.

Social Posts: Facebook e Eventbrite sono supportati; Twitter e Instagram non lo sono.

Videos: YouTube, Vimeo, Dailymotion, Wistia e Dreambroker (con modifica URL speciale) sono supportati.

Come incorporare strumenti di terze parti?

  1. Fare clic sull'opzione <Embed> nel menu a sinistra

  2. Ottieni l'URL incorporato dal tuo provider di terze parti

  3. Incolla l'URL nel campo incorporato nel Content Builder

i I link incorporati possono apparire in modo diverso su dispositivi desktop e mobili. Utilizzare l'opzione di configurazione altezza per garantire una visualizzazione corretta su tutti i dispositivi.

⚠️ Verificare sempre incorpora aprendo una finestra del browser in incognito per garantire che il link funzioni pubblicamente.

Modificare gli URL incorporati

Molti link incorporati devono essere tagliati prima dell'uso.

Come pulire i link incorporati:

  1. Copia il codice iframe lungo.

  2. Elimina tutto prima di ↓ ://.

  3. Elimina tutto dopo l'URL (ad esempio, width= o frameborder=).

Esempio per YouTube qui sotto:

  1. Condividi con la stampa

  2. Stampa Embed

  3. Otterrai un link simile a: <iframe width="560" height="315" src="<https://www.youtube.com/embed/abc12>" …>

  4. Copia solo il link https: https://www.youtube.com/embed/abc123

Incorporare i PDF

  1. Seleziona il widget Allegato file per caricare un file nel progetto.

    1. ⚠️ 360 si aprirà in una nuova finestra, assicurati di salvare il tuo progetto prima di farlo.

  2. Torna al progetto, seleziona il file che vuoi incorporare nel widget degli allegati.

  3. Risparmia

  4. Fai clic con il tasto destro sul file allegato nel front office, poi seleziona “Apri link in una nuova scheda”

  5. Copia l'URL nella nuova scheda

  6. torna al generatore di contenuti e seleziona il widget “Incorpora”; nel campo “Indirizzo del sito web” incolla l’URL che trovi nella scheda “Allegati”

  7. Se non vuoi che il file allegato sia visibile nella descrizione del progetto:

    1. Crea un nuovo progetto e nascondilo impostando i diritti di accesso su Non in elenco.

    2. Allega i PDF che vuoi incorporare in altri progetti in questo progetto.

    3. Segui le stesse istruzioni di cui sopra per incorporare i PDF.

Aggiungere codice HTML personalizzato con il blocco HTML

Il blocco HTML ti permette di incollare il tuo codice HTML direttamente nella descrizione di un progetto o di una cartella. Usalo quando i widget standard non riescono a darti quello che ti serve, come una tabella formattata, un elenco di definizioni o del codice che hai già preso da qualche altra parte.

ℹ️ Il blocco HTML deve essere abilitato sulla tua piattaforma. Se non lo vedi nel menu a sinistra, contatta il tuo Government Success Manager.

Come aggiungere un blocco HTML

  1. Apri l'editor di Content Builder.

  2. Nella categoria “Contenuto” del menu a sinistra, trascina il blocco HTML (che trovi proprio sotto “Testo”) sull’area di lavoro.

  3. Clicca sul blocco. Nel pannello di destra si apre un campo di codice.

  4. Incolla o digita il tuo codice HTML, poi clicca su Salva.

  5. Clicca su " Visualizza pagina " per vedere il risultato nel layout live del desktop.

ℹ️ Il blocco HTML è traducibile. Usa il selettore di lingua sopra il campo di codice per inserire codice HTML diverso a seconda della lingua della piattaforma. Se lasci un campo della lingua vuoto, ai visitatori che parlano quella lingua non verrà mostrato nulla; il campo non verrà compilato automaticamente per te.

Quale codice HTML è consentito?

Per motivi di sicurezza, il tuo codice HTML viene ripulito quando salvi.

Conservato:

  • Struttura e testo: titoli, paragrafi, interruzioni di riga, elenchi, tabelle, div, span, intestazione, piè di pagina

  • Immagini e link, compresi gli attributi alt e aria-

  • Media: video, audio, sorgente e iframe, inclusi controlli, frameborder e allowfullscreen

  • Stile inline tramite l'attributo "style", ad esempio: <h2 style="font-size:30px;">

Rimosso:

  • <script> i tag e tutto il codice JavaScript, compresi i gestori di eventi come onerror e onclick

  • Elementi del modulo: form, input, button, select, textarea e fieldset. Viene rimosso l'intero modulo, non solo il tag, quindi non puoi creare un modulo funzionante in un blocco HTML. Per raccogliere le risposte, usa una fase di sondaggio oppure incorpora un modulo esterno con il widget "Incorpora".

⚠️ Questa operazione di pulizia avviene al momento del salvataggio, senza alcun avviso. Se dopo aver salvato una parte del tuo codice HTML scompare, significa che conteneva qualcosa presente nell'elenco qui sopra. Dopo aver salvato, ricarica la pagina per verificare cosa è stato salvato.

ℹ️ Ai link che imposti per aprirsi in una nuova scheda viene aggiunto automaticamente l'attributo rel="noopener noreferrer".

Buono a sapersi

  • Il blocco è centrato e ha la stessa larghezza massima (1200px) del resto del contenuto della pagina.

  • Il tuo codice non è già ottimizzato per i dispositivi mobili. Controlla sempre il risultato sul cellulare.

  • Il blocco HTML è disponibile ovunque sia presente il Content Builder: nel generatore di pagine del progetto, nel generatore di descrizioni delle cartelle e nelle pagine personalizzate. Chiunque possa modificare quella pagina può usarla, compresi i responsabili di progetto e di cartella.

Limitazioni del costruttore di contenuti

Alcune funzioni del Content Builder hanno restrizioni:

  • Il ridimensionamento dell'immagine non è supportato; le immagini riempiono automaticamente il loro contenitore.

  • Alcune piattaforme sociali (Twitter, Instagram) non possono essere incorporate a causa di politiche esterne.

  • I link incorporati richiedono spesso modifiche manuali per rimuovere il codice iframe.

  • Nella pagina del progetto, puoi trascinare gli elementi in qualsiasi sezione, tranne l'intestazione e il titolo, che rimangono al loro posto.

Articoli correlati
Hai ricevuto la risposta alla tua domanda?