page builder ibexa dxp

Il costruttore di pagine Ibexa: un editor potente

Scoprite di più sul page builder di Ibexa: le sue caratteristiche, i suoi vantaggi e come lo utilizziamo per i nostri clienti.
Pubblicato il 8 apr 2024

Utilizzo dei blocchi nel costruttore di pagine

Nel back office, quando si modifica una pagina, si trova un pannello dedicato sul lato destro che elenca diversi elementi chiamati "blocchi". Ogni blocco viene personalizzato in base al progetto e alle funzionalità richieste.

Nel back office Ibexa del sito Inforca, l'elenco dei blocchi si trova sul lato destro.

Il sistema drag & drop

Il sistema drag & drop di Ibexa DXP è stato progettato per massimizzare la vostra efficienza e creatività. Una volta selezionato il blocco, è sufficiente trascinarlo nella posizione prescelta della pagina.

Questa flessibilità consente di adattare la pagina senza limiti. Aggiungete colonne per strutturare i contenuti, inserite spazi per arieggiare il layout, integrate pulsanti di invito all'azione per coinvolgere i visitatori o presentate i prodotti del vostro catalogo online in modo attraente.

Trascinate e rilasciate un blocco dall'elenco dei blocchi nel contenuto.

Visualizzare le modifiche in tempo reale

Una volta inserito il blocco nella pagina, fate clic su "Parametri del blocco" per configurarlo. Lo strumento offre un'ampia gamma di opzioni di personalizzazione per ogni blocco.

È possibile modificare i titoli, i pulsanti di invito all'azione, lo stile grafico degli elementi (colori, caratteri) e anche alcuni elementi importanti per la SEO, come i metadati.

Confermate le modifiche e avrete un' anteprima in tempo reale delle modifiche apportate alla pagina.

Impostazione di un blocco

Che ne dite di una dimostrazione?

Scoprite le caratteristiche di Ibexa DXP con uno dei nostri project manager. Questa dimostrazione vi permetterà di individuare le sinergie tra il sistema di gestione dei contenuti e le vostre sfide aziendali.

I diversi tipi di blocchi

Il blocco titolo

L'idea è di poter creare un titolo, con un H1 o un H2, per le pagine.

Nell'esempio seguente, abbiamo aggiunto la possibilità di selezionare porzioni di testo da evidenziare (qui in rosso) utilizzando il markdown.

Esempio di blocco "titolo" sul sito MonServicePublic del governo di Monaco

Il blocco eroe

Sviluppo di un carosello a tutta larghezza che mostra diverse immagini ad alta risoluzione con un titolo, un paragrafo e una CTA personalizzati.

Esempio di blocco "eroe" sulla home page del sito Engeco

Il blocco filtro eroe

Abbiamo sviluppato un blocco che consente di evidenziare ed effettuare una ricerca direttamente sulla home page del sito. Questa ricerca può essere raffinata utilizzando i vari filtri a disposizione dell'utente.

Esempio del blocco "filtro" sulla home page dell'Agenzia FPMC

Il blocco delle cifre chiave

Abbiamo progettato questo blocco di visualizzazione delle cifre chiave con un'animazione quando la pagina viene fatta scorrere. L'animazione consiste nello scorrere le cifre fino a raggiungere un determinato valore.

Esempio di blocco "cifre chiave" sul sito di Engeco

Esempio di blocco "cifre chiave" sul sito di Inforca

Esempio di blocco "cifre chiave" sul sito dei Vigili del Fuoco di Monaco

Blocco di ricerca con risultati

Questo modulo consente di effettuare una ricerca su un sito web e di proporre risultati pertinenti in base alla ricerca dell'utente. In questo esempio, gli articoli contenenti la parola "Monaco" sono direttamente evidenziati per aiutare l'utente nella sua ricerca.

Esempio di blocco "risultati di ricerca" sul sito Monservicepublic

Il blocco calendario

Questo blocco viene utilizzato per evidenziare gli eventi in un formato dedicato, richiamando informazioni da più calendari o temi contemporaneamente.

Esempio del blocco "agenda" sul sito Monservicepublic.mc

Il blocco del feed automatico (ultime notizie)

Lo scopo di questo blocco è quello di visualizzare un elenco di contenuti del tipo che si vuole far apparire automaticamente in una pagina quando questa è stata creata nel back office.

Sul sito Engeco, abbiamo configurato il blocco per visualizzare automaticamente l'elenco dei contenuti della cartella "Azienda".

Nel sito MonServicePublic, abbiamo configurato un layout diverso, con una notizia a sinistra e gli articoli a destra.

Il blocco di localizzazione

Permette di creare un effetto dinamico tra i punti posizionati sulla mappa e i dettagli di ciascuna località. Facendo clic su un punto della mappa, le informazioni visualizzate sulla destra cambiano. È inoltre possibile navigare utilizzando i pulsanti in basso a destra.

Esempio del blocco "località" sulla home page di Inforca

I nostri progetti di page builder

Risultati

Siamo orgogliosi di presentare i progetti che abbiamo realizzato per i nostri clienti. Scoprite come siamo riusciti a fornire soluzioni su misura alle esigenze dei nostri clienti.
Vedi altro