Regali solidali, bomboniere e prodotti etici | Fondazione Paideia
Paideia è una fondazione che da oltre 30 anni si dedica a sostenere la crescita e il benessere dei bambini con disabilità e delle loro famiglie. In questo contesto, la vendita di prodotti rappresenta un canale di finanziamento delle attività della fondazione molto importante. Per questo ne deve rispecchiare valori e identità visiva. E il sito e-commerce, riconosciuto come Sito del Mese di dicembre, coniuga in modo perfetto le necessità di usabilità e le funzionalità di un negozio online con i valori di solidarietà che, in questo caso, lo ispirano.
Il sito è stato creato da Gmg Net Srl, agenzia ligure di comunicazione a tutto tondo, che costruisce, per usare le sue parole, ecosistemi digitali su misura, dove pensiero strategico, sviluppo tecnico e cura dell’esperienza utente si intrecciano in modo naturale.
Anno di creazione
2025
Sintesi del progetto
Il nuovo shop solidale di Fondazione Paideia è uno strumento che va oltre la semplice vendita di prodotti.
È, infatti, lo strumento che permette alla Fondazione di finanziare progetti educativi, attività di sostegno e percorsi riabilitativi. L’acquisto significa partecipare al progetto di Paideia, condividendone i valori e le finalità. Il sito e-commerce, quindi, non è solo un negozio online, ma una vera e propria esperienza immersiva che permette a chi acquista di partecipare alle finalità della fondazione. Chiarezza e accessibilità, ma anche calore e coinvolgimento: elementi ben dosati e rappresentati ottimamente nel sito di e-commerce di Paideia.
Tema:
Hello di Elementor
Plugin di Elementor utilizzati
Website Builder (Editor) Pro
Plugin di terze parti utilizzati
Yith gift cards e product add-ons
Crocoblock JetSmartFilters
Woocommerce
Unlimited Elements for Elementor
Yoast
WPRocket
EWWW Image Optimizer
Cookie Yes
Richiesta del cliente
La richiesta iniziale era quella di creare uno shop che integrasse le tre anime distinte della Fondazione (Fattoria Sociale, Bottega e Bomboniere) in un unico ecosistema.
Era importante mantenere le specificità di ogni sezione pur garantendo una navigazione accessibile e fluida, nonché una veste grafica coerente che rispecchiasse i valori di cura e inclusione della Fondazione.
Inoltre, era fondamentale offrire a chi naviga il sito la possibilità di personalizzare prodotti complessi (come bomboniere e Gift Card) prima dell’acquisto. La sfida qui era creare un’interfaccia che permettesse di scegliere, ad esempio, nomi, colori e messaggi in modo estremamente semplice e intuitivo, rendendo il processo accessibile anche a persone non abituate a usare strumenti tecnologici.
Infine, il sito doveva comunicare in tempo reale con Mentor (il software gestionale per le donazioni), garantendo la sincronizzazione automatica e sicura di ordini, giacenze di magazzino e anagrafiche utenti.
Sfide/criticità
L’agenzia ha dovuto affrontare tre criticità principali:
1. Uniformità nella diversità. Unire le tre anime (Fattoria, Bottega, Bomboniere) senza creare fratture nella navigazione. Ogni sezione aveva esigenze di presentazione diverse, ma chi naviga il sito doveva percepire di essere sempre nello stesso “luogo” accogliente.
La sfida, pertanto, è stata creare un design system flessibile con Elementor che si adattasse a tutti i tipi di prodotto mantenendo la coerenza del brand.
2. UX della personalizzazione dei prodotti. Creare un flusso di personalizzazione per determinati prodotti (come bomboniere e gift card) che fosse “a prova di errore”. Era necessario permettere di aggiungere dati personalizzati senza appesantire la pagina o renderla confusa. La difficoltà stava nel realizzare questo processo in modo visivamente leggero e integrato nel design Elementor.
3. Integrazione con Mentor (Sync bidirezionale). La criticità più alta era tecnica.
La sfida qui era garantire, per esempio, che ogni ordine o modifica anagrafica si aggiornasse in tempo reale su entrambi i sistemi senza errori di sincronizzazione, gestendo logiche di magazzino complesse tra i vari reparti.
Soluzioni adottate
Per rispondere alle complessità del progetto è stato adottato un approccio ibrido, combinando la flessibilità nativa di Elementor Pro con uno sviluppo backend su misura.
Ecco le soluzioni nel dettaglio.
1. Architettura dell’informazione (logica delle tassonomie).
Per gestire le tre anime (Fattoria, Bottega, Bomboniere) senza ricorrere a un’installazione multisito (che avrebbe complicato la gestione), è stata sfruttata in modo creativo la tassonomia “Marchio” di WooCommerce. Ogni prodotto è stato assegnato al relativo “negozio/brand”. Questo ha permesso, tramite le query di Elementor, di filtrare e mostrare i prodotti corretti nelle rispettive pagine, creando percorsi di navigazione distinti ma unificati sotto lo stesso database. Inoltre, nelle varie pagine di listing è presente un sistema di filtraggio (Crocoblock JetSmartFilters) indicizzato sulla base della pagina in cui si trova la persona che sta visitando il sito. I prodotti possono essere perciò organizzati per prezzo/categoria/ordine di pubblicazione.
2. Design dinamico con Elementor Theme Builder.
La sfida della diversità visiva delle tre anime dello shop è stata risolta grazie al Theme Builder di Elementor. Tramite questa struttura è stato possibile personalizzare i vari template. Infatti, grazie al Theme Builder e alla funzione Loop Item è stata creata una card prodotto personalizzata che si adattasse alle esigenze dell’e-commerce, discostandosi dal modello standard.
Ciò garantisce che l’esperienza utente sia chiara e ben definita nel flusso di acquisto.
3. Personalizzazione dei prodotti.
Per la personalizzazione (nome, messaggio, tipologia di evento, etc.) di determinati prodotti (ecard, bomboniere), sono stati integrati i plugin YITH WooCommerce Product Add-Ons & Extra Options e YITH WooCommerce Gift Cards.
Per altri prodotti con necessità specifiche (magliette) sono stati utilizzati i prodotti variabili di Woocommerce, che permettono di gestirne la quantità a magazzino.
4. Sincronizzazione custom (API Middleware).
Per il collegamento con il gestionale Mentor, il team di sviluppo ha scritto un connettore custom (Middleware). Questa soluzione proprietaria intercetta gli ordini WooCommerce ed effettua le chiamate API verso Mentor, gestendo le risposte di successo o errore. Questo avviene “dietro le quinte”, lasciando il frontend gestito da Elementor veloce, reattivo e performante, senza che le chiamate al server esterno rallentino la navigazione dell’utente.
Performance
Dall’analisi con PageSpeed Insights, il sito ha eccellenti risultati sia nella versione desktop sia in quella mobile!
L'iniziativa il sito del mese
Un elemento centrale della vita di una community tech, è la condivisione di conoscenza e di buone pratiche. È con questo spirito che nasce l’iniziativa de Il sito del mese.
Lo scopo è quello di raccogliere esempi di siti, realizzati con il Site Builder, oppure che usano uno degli altri prodotti di Elementor, che possano ispirare chi, come te, realizza siti per professione o per diletto.
Community
Tra gli obiettivi del progetto Elementor Italia c’è il rafforzamento della community, online e offline.
Se ti interessa partecipare al progetto (per esempio essere fra chi pubblica articoli sul blog italiano oppure organizzare un evento in presenza sul tuo territorio), scrivi a Laura Sacco, [email protected].
Se vuoi raccontarci chi sei, cosa fai e dare la tua disponibilità a contribuire alla community italiana di Elementor, puoi rispondere al questionario. Ci aiuterai a rendere la community ancora più attiva, vivace e utile!
Se vuoi ricevere aggiornamenti in tempo reale del progetto Elementor Italia, puoi iscriverti all’omonimo canale WhatsApp.
Agenzie
Stiamo progettando un nuovo programma. Se sei titolare di un’agenzia o di un’attività in proprio di creazione di siti web, compila il nostro questionario: ci aiuterai a creare un programma adatto alle tue esigenze!
