Knowband Blog | Ecommerce Modules

Estensione per designer/personalizzatore di prodotti Opencart – Manuale dell’utente


1.0 Introduzione

Tutti amano un tocco personale. Ciò è particolarmente vero nell’universo dello shopping online di oggi, che ti consente di ordinare il prodotto che preferisci comodamente dal tuo divano. Inoltre, lo spettacolare aumento del numero di negozi online ha offerto ai clienti un’ampia gamma di opzioni di acquisto. Ed è qui che entra in gioco la personalizzazione del prodotto. Aziende che implementano la personalizzazione del prodotto, progettano, modificano e commercializzano i propri articoli in base alle esigenze o ai desideri del cliente.�Designer/personalizzatore di prodotti Opencart offre molti vantaggi e generalmente porta a tassi di conversione più elevati. Fino a pochi anni fa, i prodotti personalizzati erano praticamente limitati a una ristretta cerchia di marchi e articoli. Comprendeva principalmente articoli da regalo, prodotti in vetrina o articoli di marketing. In senso figurato, potresti contare la quantità di oggetti personalizzati sulle dita di una mano. Fortunatamente, molto è cambiato. Per il bene. I venditori di praticamente di tutto, da abiti e camicie a borse e persino beni di consumo confezionati, stanno scoprendo i vantaggi e il valore della personalizzazione del prodotto. Sempre più marchi stanno scoprendo che la personalizzazione di articoli e servizi è un ottimo modo per aumentare la fedeltà e il coinvolgimento dei clienti. OpenCart Product Designer/Customizer è un modo semplice per consentire ai tuoi clienti di personalizzare qualsiasi prodotto secondo i loro desideri ed effettuare un ordine con te. Dà al tuo cliente la flessibilità di ottenere il Prodotto che desidera e nel modo in cui desidera, aumentando di conseguenza le tue vendite. I clienti possono aggiungere facilmente testi ricchi di colori con effetti, caricare le loro immagini con filtri e aggiungere un codice QR per renderlo adatto alle loro esigenze.

Perché dovresti dare l’opzione di personalizzazione del prodotto ai tuoi clienti?

Se ti stai chiedendo perché la personalizzazione del prodotto? Allora ecco perché renderebbe il tuo negozio web migliore.


2.0 Guida all’installazione

Prima di iniziare il processo di installazione, è necessario acquistare Opencart Product Designer/Customizer dal negozio Knowband. Una volta acquistato, riceverai i seguenti file sulla tua email registrata. 1. Codice sorgente del modulo di personalizzazione del prodotto Opencart in formato file zippato. 2. Manuale dell’utente dell’estensione del designer di prodotti personalizzati Opencart. Ora per installare questa estensione del designer di prodotti personalizzati Opencart sul tuo negozio online, segui i passaggi indicati:

Passo 1: Decomprimere il file zip. Otterrai le cartelle come mostrato nell’immagine qui sotto


Passo 2: Copia tutte le cartelle del file zip nella directory principale della configurazione di OpenCart tramite FTP manager. Quindi, il modulo Opencart Custom Product Design è ora installato correttamente ed è pronto per l’uso nel tuo negozio. Vai al menu di amministrazione e fai clic sulle estensioni. Scegli il tipo di estensione come moduli. Troverai un elenco di moduli. Seleziona il Designer/Personalizzatore di prodotti Opencart.

3.0 Interfaccia di amministrazione di Opencart Product Designer Customizer

Per configurare l’estensione Product Designer/Customizer per OpenCart, navigare nelle impostazioni nel seguente ordine:
Pannello di amministrazione > Estensioni > Moduli > Product Designer/Customizer

L’interfaccia di amministrazione dell’estensione OpenCart Product Designer/Customizer include le seguenti impostazioni principali:

Come personalizzare un prodotto?

Per personalizzare un prodotto, segui il seguente percorso:
Catalogo >> Prodotti >> Seleziona un prodotto >> Modifica >> Product Designer/Customizer


Una volta che l’utente fa clic su Product Designer/Customizer, l’utente avrà le seguenti opzioni nel modulo di personalizzazione del prodotto esteso di Opencart:

Configurazione 3.0.1

Attraverso questa impostazione del modulo Opencart Custom Product Design, l’Utente può abilitare/disabilitare l’intero Modulo e apportare modifiche alla Personalizzazione del Prodotto.

Prezzo 3.0.2

Questa impostazione del modulo di personalizzazione del prodotto esteso di Opencart consente all’amministratore di decidere il prezzo fisso per ogni personalizzazione che deve essere aggiunta al prodotto. La schermata per lo stesso apparirà come mostrato di seguito:


3.0.3 Testo

Attraverso questa impostazione del modulo Opencart Custom Product Design, l’amministratore può controllare l’opzione Testo nella personalizzazione. La schermata per questa opzione apparirà come mostrato di seguito:

3.0.4 Sides

L’impostazione dei lati del modulo di estensione del designer di prodotti personalizzati di Opencart consente all’amministratore di aggiungere un’immagine di diversi lati del prodotto in modo che l’utente possa personalizzare il prodotto da qualsiasi lato desideri. L’amministratore può anche nominare i lati aggiunti. Lo schermo apparirà come mostrato:

Come configurare caratteri, colori e gruppi di immagini?

Mentre modifichi le impostazioni di personalizzazione per un prodotto, troverai le opzioni per selezionare diversi tipi di carattere, colori, gruppi di immagini nella parte in alto a destra dello schermo. Troverai tre opzioni come:

1. Configura i caratteri

Tutti i font che sono stati aggiunti dal modulo sono elencati qui in questa interfaccia. Puoi abilitare o disabilitare direttamente qualsiasi tipo di carattere.


2. Configura i colori

Tutti i colori che sono stati aggiunti utilizzando il modulo sono elencati qui in questa interfaccia. Puoi abilitare o disabilitare direttamente qualsiasi colore.

3. Configura i gruppi di immagini


Tutti i gruppi di immagini che sono stati aggiunti sono elencati qui in questa interfaccia. Puoi abilitare o disabilitare direttamente qualsiasi gruppo di immagini. Facendo clic sul pulsante “Visualizza immagini”, vedrai la seguente schermata.

3.0.5 Configura

Questa opzione è fornita nel pannello di amministrazione dell’estensione del designer di prodotti personalizzati OpenCart, l’amministratore può abilitare/disabilitare l’intero modulo da questa impostazione. Lo schermo apparirà come mostrato di seguito:


Caratteri 3.0.6

Attraverso questa impostazione del modulo di personalizzazione del prodotto esteso di OpenCart, l’amministratore può aggiungere un nuovo carattere nel sistema e anche modificare quello esistente. Lo schermo apparirà come mostrato di seguito:

Modifica carattere: È possibile modificare un set di caratteri esistente utilizzando l’opzione Modifica. Le schermate per la modifica del carattere saranno le stesse di Aggiunta di un carattere. L’unica differenza sarà che Modifica avrà i campi già riempiti.

Elimina carattere: Puoi eliminare un carattere facendo clic sull’icona “Cestino”. Apparirà un pop up che chiede la conferma. Puoi fare clic su Sì e il carattere verrà eliminato.

Aggiungi carattere: Puoi aggiungere un carattere nel modulo di personalizzazione del prodotto esteso di OpenCart facendo clic sull’icona “+” nella parte superiore della pagina. Lo schermo apparirà come mostrato di seguito:


3.0.7 Colori

Attraverso questa impostazione del modulo di personalizzazione del prodotto esteso di OpenCart, l’amministratore può aggiungere un nuovo colore nel sistema e anche modificare quello esistente. Lo schermo apparirà come mostrato di seguito:


Modifica colore: È possibile modificare un set di colori esistente utilizzando l’opzione Modifica. Le schermate per la modifica del colore saranno le stesse di Aggiunta di un colore. L’unica differenza sarà che Modifica avrà i campi già riempiti.

Elimina colore: Puoi eliminare un colore facendo clic sull’icona “Cestino”. Apparirà un pop up che chiede la conferma. È possibile fare clic su Sì e il carattere verrà eliminato.

Aggiungi colore: Puoi aggiungere un colore nel modulo di personalizzazione estesa del prodotto OpenCart facendo clic sull’icona “+” nella parte superiore della pagina. Lo schermo apparirà come mostrato di seguito:


3.0.8 Gruppo di immagini

Le impostazioni del gruppo di immagini del modulo di personalizzazione del prodotto esteso di OpenCart consentono all’amministratore di aggiungere un gruppo di immagini da offrire ai propri clienti per la personalizzazione del prodotto. Lo schermo apparirà come mostrato di seguito:

Modifica gruppo di immagini: Puoi modificare un gruppo di immagini esistente utilizzando l’opzione Modifica. Le schermate per la modifica del gruppo di immagini saranno le stesse di Aggiunta di un colore. L’unica differenza sarà che Modifica avrà i campi già riempiti.

Elimina gruppo di immagini: Puoi eliminare un gruppo di immagini facendo clic sull’icona “Cestino”. Apparirà un pop up che chiede la conferma. È possibile fare clic su Sì e il carattere verrà eliminato.

Aggiungi gruppo di immagini: Puoi aggiungere un gruppo di immagini nel modulo di personalizzazione del prodotto esteso di OpenCart facendo clic sull’icona “+” nella parte superiore della pagina. Lo schermo apparirà come mostrato di seguito:

Anteprima del gruppo di immagini:�Puoi visualizzare tutte le immagini all’interno di un gruppo facendo clic sull’icona “Occhio” corrispondente a un determinato gruppo. Verrà visualizzata la schermata seguente:


Qui puoi aggiungere una nuova immagine nel gruppo, modificare/eliminare l’immagine esistente. Facendo clic sul pulsante Aggiungi, vedrai le seguenti opzioni come mostrato di seguito:

Carica immagine: Questa opzione ti consentirà di sfogliare un’immagine desiderata dallo spazio del tuo computer locale e caricarla qui.

Prezzo: Questa opzione imposta il prezzo per l’immagine selezionata.

Attivo: Questa opzione abilita o disabilita l’immagine per il gruppo selezionato. Impostalo su SÌ o NO. Allo stesso modo, puoi fare clic sul pulsante Modifica corrispondente all’immagine. Le opzioni saranno le stesse, l’unica differenza è che i campi verranno compilati come mostrato nell’immagine sottostante.


Eliminare un’immagine è semplice. Basta cliccare sull’icona “Cestino” corrispondente all’immagine.

4.0 Interfaccia frontale del modulo di personalizzazione di Opencart Product Designer

Se il modulo Opencart Product Designer/Customizer è abilitato, mostrerà un pulsante “Personalizza” sulla pagina del prodotto come mostrato di seguito.

Facendo clic sul pulsante Personalizza, al cliente verrà mostrata una schermata pop-up che consisterà in varie impostazioni di progettazione e personalizzazione del prodotto. I clienti possono aggiungere qualsiasi colore, testo personalizzato, immagine personalizzata o codice QR per un prodotto secondo le loro esigenze di acquisto.

I clienti possono eseguire vari tipi di personalizzazioni come:

1. Colore

 

2. Immagine

I clienti possono selezionare un’immagine a loro scelta dalle opzioni del gruppo di immagini fornite.

Possono caricare e stampare qualsiasi altra immagine a loro scelta dallo spazio locale.

Possono persino stampare un codice QR per alcuni testi nascosti o collegamenti a siti Web.

 

3. Testo


Il cliente può salvare tutte le personalizzazioni del proprio prodotto facendo clic sul pulsante Salva come mostrato di seguito.

Mostrerà la casella di controllo del costo sullo schermo. Fare clic su OK per confermare.


Allo stesso modo, queste personalizzazioni sono applicabili ad altri prodotti del negozio come tazze e custodie per telefoni.

Pagina di riepilogo del carrello per prodotti personalizzati

L’immagine del frontend sottostante mostra come il prodotto personalizzato viene visualizzato nella pagina del carrello con diverse opzioni per i clienti dopo aver fatto clic sul pulsante “Salva personalizzazione”.


Il cliente può visualizzare la fattura di questo prodotto personalizzato come mostrato di seguito.


Visualizza ordine dal pannello di amministrazione

L’amministratore può visualizzare la fattura dell’ordine e tutta la configurazione relativa alla personalizzazione del prodotto dal back-office. I dettagli di un ordine possono essere visualizzati nella sezione Ordini del Pannello di amministrazione.


Facendo clic sul pulsante Visualizza corrispondente a un prodotto, l’amministratore può controllare i dettagli completi dell’ordine del prodotto personalizzato.

Facendo clic sulle immagini del prodotto, l’amministratore vedrà i dettagli completi del prodotto personalizzato sotto forma di una schermata popup come mostrato di seguito.