Salta al contenuto

Casi studio · Commercio elettronico B2B

Capitolina

Un ordine B2B coinvolge catalogo, clienti, rappresentanti e dati aziendali. Il caso Capitolina mostra come sito e gestionale sono stati collegati in un percorso pensato per il lavoro quotidiano.

Identità Capitolina su borsa, borraccia e tazza con il Colosseo sullo sfondo

Dettagli del progetto

Cliente
Capitolina
Progetto
Commercio elettronico B2B
Base tecnica
WordPress ed Elementor
Il mio lavoro
Progettazione, sviluppo su misura, integrazione con il gestionale e personalizzazione del percorso di ordine
Utenti
Clienti e rappresentanti

Un catalogo da usare, ogni giorno

Quando un cliente deve ordinare molti articoli, ogni passaggio pesa. Aprire una scheda, scegliere la quantità, tornare all’elenco e ricominciare rende il catalogo un ostacolo al lavoro. Per un rappresentante che segue più clienti, il problema si ripete a ogni ordine.

Per Capitolina ho realizzato un e-commerce B2B su WordPress ed Elementor, con sviluppo personalizzato intorno alle operazioni quotidiane. Il catalogo si alimenta dal gestionale e la griglia diventa il punto da cui comporre l’ordine.

Il gestionale alimenta il sito

Prodotti, fotografie, descrizioni e prezzi vengono importati dal gestionale. Le informazioni già gestite dall’azienda diventano il contenuto del catalogo online, senza dover ricostruire ogni scheda a mano nel sito.

La home organizza l’accesso alle categorie. Da lì il visitatore raggiunge gli articoli e riconosce subito i prodotti attraverso immagini, denominazioni e codici SKU.

La home di Capitolina organizza il catalogo B2B per categorie di prodotto.
La home di Capitolina organizza il catalogo B2B per categorie di prodotto.

Un catalogo pubblico, prezzi dopo l’accesso

Chi visita il sito senza autenticarsi può esplorare l’assortimento. I prezzi restano riservati agli utenti che hanno effettuato l’accesso.

Dopo il login la stessa griglia diventa operativa. Ogni articolo mostra il prezzo, i comandi più e meno per le quantità e il pulsante per inserirlo nel carrello. Il cliente può così preparare l’ordine restando nell’elenco.

Catalogo senza login, con immagini e codici prodotto e senza prezzi esposti.
Catalogo senza login, con immagini e codici prodotto e senza prezzi esposti.

L’ordine nasce nella griglia

Ho costruito il percorso di acquisto direttamente sulle schede dell’elenco. Non occorre aprire una pagina prodotto per ordinare. Quantità e multipli si gestiscono accanto all’articolo, poi il carrellino aggiunge la selezione.

In cima alla pagina, il contatore del carrello mostra la quantità totale inserita e porta al riepilogo con un clic. La navigazione resta concentrata sulla scelta dei prodotti.

Dopo l’accesso compaiono prezzi, quantità, multipli e aggiunta al carrello nella griglia.
Dopo l’accesso compaiono prezzi, quantità, multipli e aggiunta al carrello nella griglia.

Un carrello progettato per correggere e proseguire

Anche il carrello è personalizzato. Ogni riga presenta immagine, nome, SKU, prezzo, quantità e subtotale. Il cliente può rimuovere un articolo o modificare quantità e multipli prima di confermare.

Sulla destra trova il totale e tre azioni chiare. Aggiorna carrello si attiva quando cambiano le quantità. Svuota carrello permette di ricominciare. Procedi con l’ordine porta alla cassa. È il passaggio naturale dalla selezione alla conferma.

Una cassa su misura per l’ordine B2B

Ho personalizzato anche la fase finale, con i dati di fatturazione, la tipologia di ordine, le note e il riepilogo dei prodotti. La scelta tra ordine standard, urgente o urgente se possibile comunica la richiesta insieme all’ordine.

Il cliente ritrova quantità, subtotali, IVA e totale prima dell’invio. Le informazioni utili alla gestione commerciale restano raccolte nello stesso percorso.

La cassa personalizzata riunisce fatturazione, priorità dell’ordine e riepilogo finale.
La cassa personalizzata riunisce fatturazione, priorità dell’ordine e riepilogo finale.

Il rappresentante segue più clienti con un solo accesso

Il rappresentante può ordinare per sé oppure selezionare un cliente attraverso Cambia utente e preparare l’ordine per suo conto. Non deve interrompere il lavoro per uscire e ripetere il login a ogni cambio di cliente.

È una funzione costruita intorno al lavoro commerciale. Immagina di concludere un ordine, selezionare il cliente successivo e continuare dallo stesso ambiente. Il sito segue il modo in cui lavori.

Lo stesso percorso anche da telefono

La griglia si adatta al telefono mantenendo immagini, codici e, dopo l’accesso, i comandi per ordinare. Il catalogo resta consultabile anche quando il rappresentante è lontano dalla scrivania.

Guarda il catalogo da telefono prima e dopo l’accesso
Catalogo mobile pubblico, senza prezzi.
Catalogo mobile pubblico, senza prezzi.
Catalogo mobile dopo il login, con prezzi e comandi per le quantità.
Catalogo mobile dopo il login, con prezzi e comandi per le quantità.

La semplicità visibile nasce dal lavoro sul codice

WordPress ed Elementor sono la base. Ho sviluppato il comportamento del catalogo, le regole di accesso ai prezzi, i comandi della griglia, il carrello e la cassa intorno al flusso richiesto. L’integrazione con il gestionale e il cambio cliente completano il sistema.

Il risultato realizzato è un unico ambiente per consultare l’assortimento e raccogliere gli ordini, utilizzabile da clienti e rappresentanti. È questo il senso della personalizzazione, rendere immediate le operazioni che contano.

Vuoi un e-commerce che segua il tuo modo di lavorare? Affianco imprese in tutta Italia, dalla progettazione alle integrazioni. Parliamo del tuo progetto oppure guarda Capitolina nel portfolio.

FAQ

Le risposte, prima di iniziare.

01Come viene aggiornato il catalogo?

Il sito importa dal gestionale prodotti, fotografie, descrizioni e prezzi. Il catalogo online viene alimentato dai dati già gestiti dall’azienda.

02Quando sono visibili i prezzi?

I visitatori possono consultare il catalogo senza vedere i prezzi. Dopo l’accesso, il cliente trova i prezzi e i comandi per comporre l’ordine direttamente nella griglia.

03Come ordina un rappresentante per un cliente?

Il rappresentante usa la funzione Cambia utente per selezionare il cliente e preparare l’ordine per suo conto, senza uscire e accedere ogni volta con un altro login.

04Perché personalizzare WordPress ed Elementor?

Il progetto richiede un percorso B2B specifico, con importazione dal gestionale, prezzi riservati, quantità e multipli, carrello dedicato e ordini per conto dei clienti. Lo sviluppo su misura collega queste funzioni in un unico flusso di lavoro.

Continua a esplorare

Gli altri casi studio.

Partiamo dalla tua situazione.

Ogni progetto ha un contesto diverso. Possiamo mettere a fuoco il tuo obiettivo e scegliere un percorso adatto alla tua attività, ovunque tu sia in Italia.

Parliamone