PrestaShop Gestione Catalogo

Configuratore di Prodotto a Step: opzioni visive, anteprima live e impatto sul prezzo (PrestaShop 1.7, 8 & 9)

Ogni prodotto diventa configurabile, step dopo step

Colore, incisione, accessorio: i vostri clienti compongono il loro prodotto in un percorso guidato, vedono il risultato in tempo reale livello dopo livello, e il giusto prezzo arriva nel carrello — calcolato lato server, non falsificabile.

A colpo d'occhio
  • 10 tipi di campo (elenchi, schede radio, campioni di colore, miniature, testo, upload, numero, data) con campi condizionali «Mostra solo se…»
  • Un configuratore per più prodotti o intere categorie, duplicabile con un clic
  • Anteprima composta in tempo reale (livelli PNG, tinta, testo stilizzato), oppure disattivata per mantenere le immagini del tema o del page builder
  • Prezzo e peso calcolati lato server per opzione: fisso, percentuale, per carattere o formula, spedizione a peso nativa
  • Creative Elements: hook dedicato, link informativo che apre un modello in una finestra, popup carrello con il dettaglio della personalizzazione
PrestaShop 1.7, 8 & 9 Multivaluta Anteprima live Creative Elements Senza Composer
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
  • PrestaShop Certified Agency 2026
  • PrestaShop Expert Certification — Core Skills

Sviluppato da un'agenzia certificata PrestaShop

www.datafirefly.com/it/
Configuratore di prodotto a step in PrestaShop con opzioni visive e anteprima prezzo in tempo reale
v1.3.0 · aggiornato 2026-10-11
Cosa fa

La versione breve.

01

Percorso guidato a step

Crea tutti gli step che ogni prodotto richiede: 10 tipi di campo, scelte visive, incisione, upload di file, con campi condizionali che compaiono solo quando viene scelta una certa opzione (la cornice solo per la stampa con cornice). Numerazione e barra degli step si mostrano o si nascondono secondo il tuo design.

02

Anteprima composta in tempo reale

Ogni opzione può portare un livello PNG trasparente sovrapposto alla foto del prodotto, oppure tingerne la sagoma. Il testo inciso appare in diretta con il font, la dimensione e il colore scelti dal cliente, in zone di posizionamento che disegni con il mouse. L'anteprima si disattiva con un clic quando le immagini sono gestite da un page builder.

03

Prezzo calcolato lato server

Ogni opzione porta un impatto al netto delle tasse (fisso, percentuale del prezzo base, per carattere, per unità o formula) e un peso. Il totale mostrato è indicativo; il calcolo reale passa dal meccanismo di prezzo nativo di PrestaShop con conversione di valuta e IVA, e il peso si somma al carrello per la spedizione.

04

Pensato per i page builder

Posiziona il configuratore dove vuoi con l'hook displayDfProductConfigurator, dal widget Moduli o Shortcode di Creative Elements, senza toccare immagini e blocchi della pagina. Ogni campo può mostrare un link informativo («Guida ai materiali») che apre in una finestra un modello impaginato in Creative Elements.

05

Un configuratore, un intero catalogo

Collega un configuratore a più prodotti e a intere categorie, sottocategorie comprese: ogni prodotto mantiene il proprio prezzo base. Duplica un configuratore con un clic per creare una gamma; le condizioni tra i campi vengono ricollegate automaticamente nella copia.

06

Carrello pulito, laboratorio servito

Ogni configurazione crea una personalizzazione nativa di PrestaShop con un riepilogo leggibile, dal carrello alla fattura. Dopo l'aggiunta, un popup mostra il prodotto, ogni scelta e i totali del carrello con «Continua gli acquisti» e «Procedi all'ordine». Il dettaglio ordine raccoglie riepilogo, file del cliente e immagine finale.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Configuratore di Prodotto a Step: opzioni visive, anteprima live e impatto sul prezzo (PrestaShop 1.7, 8 & 9), perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

Vendere su misura senza far esplodere il catalogo

Quadri fotografici, borracce incise, gioielli personalizzati, mobili configurabili: appena un prodotto si declina in formati, finiture e opzioni a pagamento, le combinazioni native mostrano i loro limiti (esplosione combinatoria, giacenze ingestibili, nessuna incisione). Il Configuratore di Prodotto aggiunge un percorso guidato direttamente nella scheda prodotto: il cliente sceglie, vede e paga il prezzo giusto, senza che tu crei una sola combinazione in più.

§ 02

Un'anteprima che vende per te, oppure le tue immagini

Ogni opzione può portare un livello PNG trasparente sovrapposto in tempo reale alla foto del prodotto, e il testo inciso appare con il font, la dimensione e il colore scelti. Se le tue schede sono costruite con Creative Elements, disattiva l'anteprima: gallerie e blocchi restano intatti, e il configuratore si posiziona sotto titolo e prezzo grazie al suo hook dedicato.

§ 03

Il prezzo giusto, applicato dove nessuno può barare

Ogni opzione porta un impatto sul prezzo al netto delle tasse, positivo o negativo, e un peso. Il totale si aggiorna in diretta nella valuta del visitatore, ma quell'importo è solo una visualizzazione: il sovrapprezzo reale viene applicato dal calcolo prezzi nativo di PrestaShop, lato server, con conversione di valuta e IVA del cliente. Il peso delle opzioni si somma al carrello, mantenendo corrette la spedizione a peso e la soglia di spedizione gratuita.

§ 04

Personalizzazioni native, non uno strato fragile

Invece di reinventare il carrello, il modulo si basa sulle personalizzazioni native di PrestaShop: ogni configurazione validata crea la propria riga con un riepilogo leggibile (Formato: 40 × 60 cm · Tipo: Stampa con cornice · Cornice: Noce) che segue l'ordine fino alla fattura e al back-office. Dopo l'aggiunta, un popup riassume le scelte e propone di continuare gli acquisti o procedere all'ordine.

§ 05

Un'amministrazione pensata per andare veloce

Una sola schermata per configuratore: i prodotti e le categorie assegnati, poi i campi, che riordini con il trascinamento e comprimi per avere una visione d'insieme. Ogni campo porta le sue opzioni (etichetta, prezzo, peso, riferimento, colore, miniatura), le condizioni di visualizzazione scelte da un elenco e, se serve, un link informativo. Un configuratore si duplica con un clic per creare una gamma, e tre set di demo si importano dalle impostazioni del modulo.

€129.00
Acquisto unico · 12 mesi di aggiornamenti
Leggi la documentazione
  • Installazioni dev & staging illimitate
  • Codice sorgente incluso
  • Rimborso 30 giorni
  • Supporto 24h · EN / FR
5,0/5 20 recensioni