Ultimo aggiornamento: 25/08/2026
Aggiungi al carrello dal VTO
Il cliente può aggiungere al carrello la montatura che sta provando senza uscire dalla prova virtuale. Il pulsante compare dentro il VTO, accanto ai controlli.
La funzione è spenta per impostazione predefinita. Si attiva e si configura interamente dall'editor del tema: nessun codice e nessun nuovo permesso dell'app.
La variante che il cliente sta provando deve essere associata a una variante Shopify dalla sincronizzazione prodotti. Una montatura la cui variante non è sincronizzata non può essere aggiunta al carrello, e per quella il pulsante resta disattivato.
Come attivarla
- Nell'editor del tema Shopify, apri la scheda App embeds.
- Espandi le impostazioni di ARShades VTO Embed.
- Scorri fino alla sezione Add to Cart e spunta Abilita Aggiungi al carrello nel VTO.
- Scegli cosa succede dopo l'aggiunta, poi Salva.
Dopo l'aggiunta al carrello
L'impostazione è Dopo l'aggiunta al carrello. Tre scelte:
| Opzione | Cosa vede il cliente |
|---|---|
| Vai al checkout (predefinita) | La prova si chiude e il cliente arriva direttamente al checkout |
| Vai al carrello | La prova si chiude e il cliente arriva alla pagina del carrello |
| Resta (mostra conferma) | Compare una breve conferma; il cliente può continuare a provare altre montature |
Quale converta meglio dipende dall'assortimento: Vai al checkout accorcia il percorso d'acquisto, Resta si adatta ai cataloghi in cui il cliente confronta più montature nella stessa sessione.
Testo del pulsante
Testo del pulsante carrello imposta l'etichetta mostrata dentro la prova. Lascialo com'è per usare il valore predefinito, oppure scrivi il tuo: è il posto giusto per la formula che il tuo negozio usa già altrove.
Aspetto
Queste impostazioni rispecchiano quelle che già conosci del pulsante VTO, così i due possono essere resi coerenti.
| Impostazione | Cosa controlla |
|---|---|
| Colore sfondo | Sfondo del pulsante |
| Colore hover | Colore al passaggio del mouse |
| Colore testo/icona | Colore dell'etichetta |
| Raggio bordi pulsante | Arrotondamento degli angoli, 0–30 px |
| Padding pulsante | Spaziatura interna, es. 10px 18px |
| Dimensione font | Dimensione dell'etichetta, 6–24 px |
Un colore vuoto non significa "nessun colore": significa usa il colore di marca del catalogo. È il motivo per cui questi campi partono volutamente vuoti. Riempine uno solo quando vuoi che il pulsante si discosti dalla tua palette.
Collocazione
Tre impostazioni decidono dove sta il pulsante. Sono indipendenti fra loro, quindi si combinano liberamente.
Posizione pulsante — dove il pulsante viene collocato nella pila dei controlli:
| Opzione | Dove |
|---|---|
| Sopra i controlli | In alto, sopra la riga dei pulsanti |
| Sopra il menu varianti (predefinita) | Fra i controlli e il menu dei colori |
| Sotto il menu varianti | In basso, sotto il menu dei colori |
Allineamento — Sinistra, Centro (predefinito) o Destra.
Scostamento orizzontale e Scostamento verticale — una regolazione fine fino a ±120 px su ciascun asse, per quando un tema ha bisogno che il pulsante sia spostato un po' rispetto a una delle nove posizioni sopra. I valori negativi spostano a sinistra e in alto, quelli positivi a destra e in basso.
L'allineamento è relativo ai controlli, non alla finestra del browser. I controlli stanno in una colonna più stretta dello schermo, quindi Sinistra significa il bordo sinistro di quella colonna: il pulsante resta dentro l'impaginazione della prova invece di galleggiare in un angolo.
In vista singola non esiste il menu dei colori, quindi Sopra il menu varianti e Sotto il menu varianti collocano il pulsante nello stesso posto, sotto i controlli. Resta distinta solo Sopra i controlli.
Come funziona, in breve
La prova non parla mai direttamente con Shopify: segnala l'intenzione, e il tuo storefront esegue l'aggiunta. È il motivo per cui la funzione non richiede alcun permesso aggiuntivo dell'app, ed è anche il motivo per cui un cliente che tocca due volte il pulsante non si ritrova mai due unità nel carrello.
Integrazioni personalizzate
Se il tuo tema non usa i blocchi app ARShades e il VTO è integrato con codice proprio, lo stesso pulsante è comunque disponibile — vedi Integrazione Manuale.