Catalogo B2B: realizzazione di un sito web WordPress con WooCommerce Grollo.eu

Grollo.eu è un sito web WordPress con catalogo B2B e catalogo prodotti WooCommerce per un produttore di articoli in vetro che opera sul mercato europeo; è stato sviluppato da CREATING.LV. Come indicato sullo stesso grollo.eu, i prodotti GROLLO sono progettati, prodotti e testati da Stikla Serviss. Il cliente aveva bisogno di un nuovo sito in cui presentare in modo chiaro un’ampia gamma di prodotti ai clienti business e a cui in seguito poter aggiungere anche la vendita online. Il progetto è stato consegnato nel 2023.

L’acquirente business sceglie il prodotto in base a parametri tecnici e visivi, perciò il catalogo non doveva avere solo categorie, ma anche attributi di prodotto dettagliati con cui filtrare gli articoli. Oltre al catalogo, il sito richiedeva le sezioni Download, Inspiration, News e Service, oltre all’accesso (login).

CREATING.LV ha sviluppato Grollo.eu dal design fino al sito finito. Il nostro lavoro ha compreso:

• il design visivo del sito e l’esperienza utente (UX);
• un sito web WordPress con catalogo prodotti WooCommerce e categorie;
• attributi di prodotto dettagliati che funzionano come filtri;
• le sezioni Download, Inspiration, News e Service, oltre all’accesso (login);
• la soluzione per le versioni linguistiche con WPML;
• l’inserimento dei prodotti nel catalogo;
• una versione mobile ottimizzata per l’uso da telefono.

Nel footer del sito è indicato “Page built by CREATING.LV”.

Il catalogo è realizzato con WooCommerce, prevedendo la possibilità di aggiungere in seguito la vendita online. Per questo i prodotti sono pubblicati e reperibili, ma carrello e checkout non sono attivi. Questo approccio consente di pubblicare il catalogo completo senza dover ancora definire sul sito prezzi, pagamenti e condizioni di consegna, obbligatori per un negozio online.

WooCommerce è un’estensione e-commerce di WordPress. Il catalogo e l’eventuale negozio online utilizzano un unico database dei prodotti: se l’azienda deciderà di vendere online, prodotti, categorie e attributi non dovranno essere inseriti di nuovo. In questo un sito web WordPress con catalogo B2B di questo tipo si distingue da un semplice sito vetrina con immagini dei prodotti, in cui per iniziare a vendere il catalogo andrebbe creato da zero. Aggiungere la vendita significherebbe qui attivare carrello e checkout, indicare i prezzi e collegare al catalogo esistente le soluzioni di pagamento e di consegna. Come WooCommerce integra WordPress e perché viene usato anche per i cataloghi è spiegato nell’articolo Che cos’è WooCommerce e come integra WordPress?.

I prodotti sono organizzati in categorie, e ogni prodotto ha attributi dettagliati che funzionano anche come filtri. Così gli articoli si possono selezionare in base a parametri tecnici e visivi, e il cliente business restringe rapidamente la scelta ai prodotti con le caratteristiche necessarie, invece di sfogliare l’intera categoria.

Un attributo WooCommerce è una caratteristica del prodotto con un elenco definito di valori. Un attributo e i suoi valori vengono assegnati a molti prodotti, quindi su di esso si può creare un filtro per l’intera categoria, invece di descrivere i parametri di ogni prodotto solo nel testo. A un nuovo prodotto basta assegnare i valori degli attributi, e compare nei risultati dei filtri corrispondenti.

I prodotti nel catalogo li abbiamo inseriti noi, quindi il cliente ha ricevuto un sito con il catalogo già compilato e non una struttura vuota. Se la realizzazione di un sito web WordPress con WooCommerce parte dal catalogo, conviene concordare l’elenco degli attributi prima di inserire i prodotti: un attributo aggiunto in seguito va compilato per ogni prodotto già inserito, perché compaia nei risultati del filtro. Nel sito attuale la pagina di categoria ha il pulsante Filter e schede prodotto senza carrello.

Nel sito web WordPress con catalogo B2B il visitatore:

• sceglie una categoria di prodotti;
• con il filtro seleziona i prodotti in base agli attributi necessari;
• apre la scheda del prodotto con i relativi parametri;
• se necessario passa alle sezioni Download, Inspiration, News o Service.

Così il catalogo funziona come punto di consultazione dei prodotti per il cliente business: la selezione per parametri può farla da sé, prima di contattare il produttore.

Nel sito B2B di un produttore l’acquirente non ha bisogno solo dell’elenco dei prodotti, ma anche di documenti, novità e informazioni sull’assistenza. Per questo, accanto al catalogo abbiamo sviluppato sezioni separate, ciascuna con un proprio compito.

• Download: lo spazio per i materiali scaricabili. Nel sito attuale vi sono disponibili, ad esempio, istruzioni, specifiche tecniche ed e-catalog: si tratta di contenuti dell’azienda.
• Inspiration: una sezione separata per i contenuti di ispirazione, distinta dal catalogo tecnico.
• News: le novità dell’azienda.
• Service: informazioni sull’assistenza.
• Login: l’accesso per gli utenti registrati del sito.

Queste sezioni permettono al cliente business di trovare in un unico sito sia il prodotto sia i documenti correlati, senza dover scrivere al produttore una richiesta separata. Per il produttore significa che una nuova versione di un’istruzione o di una specifica basta pubblicarla in un unico posto, invece di inviarla a ogni cliente separatamente.

Il sito è realizzato per il mercato europeo. Per il sito è stato utilizzato WPML; la versione attuale è in lingua inglese. Come scegliere tra WPML e Polylang è spiegato nell’articolo WPML o Polylang per un sito web WordPress multilingue?.

WPML è un plugin WordPress per siti multilingue. Con esso si possono creare traduzioni di pagine, prodotti, categorie e attributi, e la versione in ogni lingua resta collegata all’originale. In un catalogo con filtri per attributi questo significa che in un’altra lingua si possono tradurre anche i nomi degli attributi e dei filtri, non solo le descrizioni dei prodotti. Se l’azienda vorrà rivolgersi a un mercato nella sua lingua, lo strumento linguistico è già implementato nel sito e una nuova versione linguistica si può aggiungere senza ricostruire la struttura del sito.

Il design visivo e la UX sono stati un nostro lavoro, così come la versione mobile ottimizzata. Nel nostro screenshot la home page mostra i gruppi di prodotti che portano alla parte corrispondente del catalogo WooCommerce, così il visitatore può partire direttamente dalla linea di prodotti che gli interessa. Da telefono si possono usare sia le categorie e il filtro sia le schede prodotto e le altre sezioni, quindi il cliente business può aprire il catalogo anche fuori dall’ufficio. Maggiori informazioni su questa parte del lavoro nella pagina Web design e UX/UI.

A un produttore o a un grossista che deve prima presentare un’ampia gamma di prodotti ai clienti business in più mercati, ma che in futuro potrebbe aver bisogno anche della vendita online. Un catalogo B2B con WooCommerce consente di partire con un sito web e passare a un negozio online senza cambiare piattaforma e senza inserire di nuovo i prodotti.

Come pianifichiamo un sito di questo tipo, dal catalogo a un eventuale negozio online, lo spieghiamo nella pagina sviluppo di negozi online. Un altro nostro esempio di catalogo prodotti è il sito web WordPress con catalogo di Stikla Serviss, in cui al catalogo sono state aggiunte informazioni tecniche scaricabili.

• Sviluppo di negozi online
• Sviluppo di siti web

grollo.eu

Il portfolio riflette la soluzione sviluppata al momento della consegna del progetto. Il sito attuale potrebbe essere cambiato.