Negozio online · Design · Sistema

Negozio online con configuratore

Negozio online Toptrail con configuratore, in cui il cliente sceglie autonomamente la tenda da tetto per il suo camper VW, la personalizza e vede subito il prezzo.

Home page del negozio online Toptrail con un camper sulla riva di un lago al tramonto e un campo di selezione del veicolo

L’esigenza

Il negozio online con configuratore Toptrail è pensato per la vendita di tende da tetto per camper Volkswagen; il negozio è stato sviluppato da CREATING.LV. La tenda deve essere adattata al modello specifico di camper e alle scelte dell’acquirente, quindi un normale elenco di prodotti non basta: il negozio doveva permettere al cliente di trovare da solo la tenda adatta al proprio camper e di personalizzarla senza contatti manuali con il venditore.

Il secondo requisito era internazionale. Il negozio è destinato anche ad acquirenti al di fuori della Lettonia, quindi il processo di acquisto, il pagamento e la consegna dovevano funzionare in tutto il mondo. Il progetto è stato consegnato nel 2026, ma il negozio non è ancora stato lanciato pubblicamente, perciò qui viene descritta la soluzione consegnata e non il suo funzionamento con ordini reali.

Il nostro ruolo

Il configuratore è interamente sviluppato da noi, dall’idea e dal design fino alla realizzazione; non è un plugin pronto adattato. CREATING.LV ha inoltre sviluppato il negozio stesso sulla piattaforma WordPress e WooCommerce, il suo design, il checkout con pagamento tramite Stripe e PayPal, la consegna UPS con calcolo integrato del costo di spedizione e la sezione blog.

Qui la sequenza delle scelte e il calcolo del prezzo dipendono dal prodotto specifico: dal modello di camper alla forma delle finestre. Un configuratore sviluppato appositamente permette di costruire questa logica in base al prodotto, anziché adattare il prodotto alle possibilità di un plugin pronto, e di modificarla in seguito, indipendentemente dagli aggiornamenti di plugin di terze parti.

Schermate del progetto

Come funziona il negozio online con configuratore

Nel configuratore l’acquirente passa attraverso diverse scelte:

  • sceglie il modello del proprio camper Volkswagen e il configuratore mostra la tenda da tetto corrispondente;
  • sceglie il colore del tessuto e il colore del filo;
  • stabilisce il numero, la posizione e la forma delle finestre.

La sequenza inizia dal modello di camper, perché la tenda da tetto deve essere adattata a un veicolo specifico: l’acquirente deve vedere prima solo le varianti adatte al suo camper. Il colore del tessuto e del filo determina l’aspetto della tenda, mentre numero, posizione e forma delle finestre influiscono anche sull’uso, ad esempio su quanta luce e quanta vista ci sono all’interno della tenda. Senza configuratore queste scelte andrebbero precisate per corrispondenza con il venditore, mentre nel configuratore l’acquirente le compie da solo e in sequenza.

Nelle schermate del progetto è visibile il configuratore per la tenda Volkswagen T4 con i campi di scelta del colore e delle finestre. La scelta del modello di veicolo è già nella home page, quindi l’acquirente parte dal proprio camper invece di cercare il prodotto nel catalogo.

Il prezzo finale già durante la configurazione

In questo negozio WooCommerce il prezzo viene calcolato in tempo reale: il prezzo finale è visibile già durante la configurazione, non solo nel carrello. L’acquirente può confrontare diverse varianti prima di aggiungere la tenda al carrello e il venditore non deve preparare un preventivo separato per ogni combinazione.

La configurazione è integrata nella logica dei prodotti WooCommerce, quindi la tenda personalizzata arriva nel carrello come un unico prodotto con le scelte dell’acquirente, non come un messaggio separato al venditore. Per un prodotto personalizzabile questo è essenziale: l’ordine indica già per quale camper, in quali colori e con quali finestre è stata ordinata la tenda.

Pagamento con Stripe e PayPal, consegna con UPS

Dopo la configurazione l’acquirente prosegue nello stesso negozio: aggiunge la tenda al carrello, inserisce i dati di consegna, sceglie il metodo di pagamento e conferma l’ordine. Per il pagamento sono integrati due servizi di pagamento: Stripe e PayPal.

Stripe è un servizio di pagamento tramite il quale il negozio accetta pagamenti con carte bancarie, mentre PayPal permette all’acquirente di pagare dal proprio conto PayPal. Due metodi di pagamento permettono all’acquirente di scegliere quello a cui è più abituato. Entrambi i servizi funzionano in molti paesi, quindi sono adatti a un negozio destinato anche ad acquirenti al di fuori della Lettonia.

Per la consegna è integrato UPS con il calcolo del costo di spedizione direttamente nel negozio. Il costo di una spedizione internazionale dipende dalla destinazione, quindi non può essere indicato come un unico importo fisso per tutti gli acquirenti. L’acquirente al di fuori della Lettonia vede i costi di spedizione durante il checkout e il venditore non deve calcolarli e concordarli separatamente per ogni ordine. In questo modo la soluzione è adattata agli acquirenti internazionali sia per i pagamenti sia per la consegna.

Design e utilizzo su smartphone

Il design è costruito attorno alla configurazione del prodotto. Nella home page ci sono l’immagine di un camper al tramonto e la scelta del modello di veicolo, mentre una sezione dedicata spiega la personalizzazione della tenda: materiali, cuciture e modello di camper. Così l’acquirente, prima di aprire il configuratore, capisce cosa può modificare e perché. Il negozio è utilizzabile sia su computer sia su dispositivi mobili; i campi di scelta del configuratore e il prezzo devono essere chiari anche sullo schermo stretto di uno smartphone.

Il design è stato sviluppato anche per le pagine “Chi siamo” e “Contatti”, per l’invito a mettersi in contatto e per la sezione recensioni. Nella presentazione del marchio e nell’invito a mettersi in contatto sono state utilizzate fotografie di camper, mentre nella sezione recensioni le schede sono disposte su due righe.

Articoli sullo stile di vita in camper

Oltre al negozio abbiamo creato una sezione blog per articoli sull’uso dei prodotti e sullo stile di vita in camper; nelle schermate di design gli articoli sono mostrati in schede. Nel blog si può parlare dell’uso delle tende in modo più approfondito di quanto consenta la descrizione del prodotto. Il blog funziona nello stesso sito WordPress, quindi articoli e negozio sono in un unico sistema e con un unico design.

Tecnologie

WordPress, WooCommerce, configuratore di prodotto sviluppato da noi, Stripe, PayPal e integrazione della consegna UPS.

WordPress gestisce le pagine e il blog, mentre WooCommerce gestisce prodotti, carrello, checkout e ordini. Il configuratore funziona nel negozio WooCommerce, quindi pagine, articoli, prodotti e ordini vengono gestiti in un unico pannello di amministrazione WordPress.

A chi è adatta questa soluzione

Un negozio online con configuratore è adatto alle aziende i cui prodotti vengono personalizzati dall’acquirente e il cui prezzo dipende dalle scelte, ad esempio articoli realizzati su ordinazione, accessori per specifici modelli di auto o prodotti con molte combinazioni di colori e taglie. In questi casi il configuratore di prodotto sostituisce la corrispondenza su ogni variante con una scelta e un prezzo chiari.

Per progetti simili offriamo lo sviluppo di negozi online WooCommerce. Se la logica del prodotto è così specifica che un plugin pronto non la copre, viene programmata separatamente: per questo in questo progetto ci siamo avvalsi anche dello sviluppo di sistemi. Come aggiungere a un negozio WooCommerce una propria logica di prodotto è spiegato nell’articolo sui componenti principali di un negozio online WooCommerce.

Nota

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

Contatti

Avvia un progetto

Descriva il Suo progetto o la Sua domanda — Le risponderemo e Le proporremo la soluzione più adatta.

Richiesta relativa a: Richiesta generica Modifica

Facoltativo. Nomi e prezzi provengono dal nostro listino.

Facoltativo · un file · PDF, JPG o PNG · fino a 10 MB

obbligatorio · Informativa sulla privacy

Avvia un progetto

Descriva il Suo progetto o la Sua domanda — Le risponderemo e Le proporremo la soluzione più adatta.

Ci scriva su WhatsApp (si apre in una nuova scheda)