Configurazione della vetrina
Aggiungi il pulsante Personalizza ora alle pagine prodotto e attiva la modifica dal carrello con i blocchi app del tema Shopify, senza modificare il codice.
Customezo si installa nella tua vetrina come blocchi app del tema. Nel codice del tema non viene inserito nulla, non resta nulla se disinstalli l’app e puoi attivare o disattivare ogni elemento dall’editor del tema Shopify.
Gli elementi sono due:
| Elemento | Dove si trova | A cosa serve |
|---|---|---|
| Pulsante Personalizza ora | Modello prodotto, come blocco | Apre lo strumento di personalizzazione per quel prodotto. |
| Customezo Cart UX | Incorporamento app (su tutto il sito) | Aggiunge i link Modifica design e Vedi anteprima del design alle righe del carrello. |
Aggiungere il pulsante Personalizza ora
- Nel pannello di controllo Shopify, vai a Negozio online → Temi e premi Personalizza sul tema pubblicato.
- Nel selettore in alto, passa a un modello Prodotti → Prodotto predefinito (o al modello specifico usato dai tuoi prodotti personalizzati).
- Nel pannello a sinistra, nella sezione delle informazioni sul prodotto, premi Aggiungi blocco e scegli Pulsante Personalizza ora nel gruppo delle app Customezo.
- Trascinalo in posizione: subito sopra o sotto il pulsante Aggiungi al carrello è la scelta migliore.
- Premi Salva.
Il pulsante compare solo sui prodotti che hanno lo strumento di personalizzazione attivato in Customezo, quindi puoi aggiungerlo senza problemi a un modello condiviso da tutti i prodotti.
Impostazioni del pulsante
| Impostazione | A cosa serve |
|---|---|
| Testo del pulsante | L’etichetta mostrata agli acquirenti. Lascia vuoto per usare il testo predefinito, tradotto automaticamente. |
| Stile del pulsante | Pieno o Contorno. |
| Colore del pulsante / Colore del testo | Sostituisci i colori per adattarli al tuo tema. |
| Dimensione carattere | 12–24 px. |
| Raggio dei bordi | 0–30 px. |
| Mostra icona | Mostra una piccola icona di design prima dell’etichetta. |
| Larghezza piena | Estende il pulsante alla larghezza del modulo del prodotto. |
| Allineamento | Sinistra, centro o destra quando il pulsante non è a larghezza piena. |
| Apri lo strumento in | Apre lo strumento di personalizzazione nella stessa scheda o in una nuova scheda. |
Adattalo al tuo tema
Imposta il colore del pulsante sul colore del pulsante principale del tuo tema e il raggio sullo stesso valore usato dal pulsante Aggiungi al carrello. Lo strumento di personalizzazione ha uno stile separato: vedi Branding dello strumento di personalizzazione.
Attivare Customezo Cart UX
- Sempre nell’editor del tema, apri la scheda Incorporamenti app nel pannello a sinistra.
- Attiva Customezo Cart UX.
- Premi Salva.
Questo incorporamento rileva le righe personalizzate nel carrello e aggiunge i link di cui hanno bisogno i tuoi acquirenti.
Impostazioni di Cart UX
| Impostazione | A cosa serve |
|---|---|
| Mostra ‘Modifica design’ sulle righe personalizzate del carrello | Mostra un link Modifica design sugli articoli personalizzati del carrello, così gli acquirenti possono riaprire lo strumento di personalizzazione. |
| Etichetta del pulsante | Testo personalizzato per quel link. |
| Etichetta del badge di blocco | Testo mostrato quando il design non può più essere modificato, ad esempio dopo l’inizio della produzione. |
| Mostra ‘Vedi anteprima del design’ sulle righe personalizzate del carrello | Mostra un link che apre l’anteprima a grandezza reale del design del cliente. |
| Etichetta del link di anteprima | Testo personalizzato per il link di anteprima. |
| ID delle sezioni del carrello (avanzate) | Necessario solo se il tuo tema usa nomi non standard per le sezioni del carrello e i link non compaiono. |
| Inoltra gli eventi dello strumento alle analytics del tema | Invia eventi di interazione anonimi, così le statistiche della dashboard restano precise. |
Verificare che tutto sia online
Tornando in Customezo, la dashboard mostra una scheda Stato del tema:
- Tema: il tema pubblicato esaminato da Customezo.
- Pulsante Design: rilevato o non rilevato.
- Cart UX: rilevato o non rilevato.
- Ricontrolla: esegue di nuovo il rilevamento dopo che hai salvato le modifiche al tema.
Modelli Liquid legacy
Se la tua pagina prodotto usa un modello Liquid legacy invece di un modello JSON, Shopify non fornisce informazioni sufficienti per il rilevamento automatico. Aggiungi il blocco come al solito, poi segna il passaggio della configurazione con L’ho installato. Se in seguito il rilevamento riesce, sostituisce automaticamente la tua conferma manuale.
Provarlo
- Apri nella vetrina un prodotto con lo strumento di personalizzazione attivato.
- Il pulsante Personalizza ora dovrebbe comparire dove l’hai posizionato.
- Crea un design, aggiungilo al carrello e verifica che i link Modifica design e Vedi anteprima del design compaiano sulla riga del carrello.
- Riapri il design dal carrello, modifica qualcosa e aggiorna il carrello: la riga dell’articolo e il suo prezzo dovrebbero aggiornarsi.
Risoluzione dei problemi
Il pulsante non compare.
- Verifica che lo strumento di personalizzazione sia attivato per quel prodotto in Customezo (Prodotti → il prodotto → Attiva strumento).
- Verifica che lo stato del prodotto sia Attivo e che il prodotto sia pubblicato sul canale di vendita Negozio online.
- Verifica di aver aggiunto il blocco al modello effettivamente usato da quel prodotto.
- Premi Ricontrolla nella scheda Stato del tema della dashboard.
Il pulsante compare su prodotti che non dovrebbero averlo. Il blocco si nasconde da solo sui prodotti senza configurazione dello strumento di personalizzazione. Se compare comunque, probabilmente il prodotto ha lo strumento di personalizzazione attivato: disattivalo dalla pagina del prodotto in Customezo.
I link del carrello non compaiono. Verifica che l’incorporamento app sia attivo e salvato. Se il tuo tema genera il carrello con nomi di sezione personalizzati, inseriscili nell’impostazione ID delle sezioni del carrello.
Lo stile non sembra corretto. Regola colori, raggio e larghezza piena nelle impostazioni del blocco invece di aggiungere CSS. Se il tuo tema sovrascrive gli stili dei pulsanti a livello globale, imposta il blocco su Contorno e definisci i colori esplicitamente.
Altre soluzioni: Risoluzione dei problemi.