1) o guarda la scheda sullo Shopify App Store.1. Installa ShipCalc
ShipCalc si installa dallo Shopify App Store. La prova gratuita di 14 giorni inizia con l'installazione, con tutte le funzionalità disponibili.
- Apri la scheda di ShipCalc sullo Shopify App Store.
- Fai clic su Install e approva l'app.
- ShipCalc si apre nel pannello di controllo Shopify con una checklist di avvio.
La pagina di avvio contiene link con un clic che aprono l'editor del tema nel punto giusto per ogni posizione.
2. Aggiungi il blocco pagina prodotto
Il blocco pagina prodotto permette al cliente di verificare la spedizione prima di aggiungere un articolo al carrello. Usa la variante e la quantità selezionate.
- Nell'avvio di ShipCalc, fai clic su Add Product Page Block. L'editor del tema si apre su un modello di prodotto.
- Fai clic su Add block (Aggiungi blocco) nella sezione delle informazioni prodotto e scegli il blocco ShipCalc.
- Trascinalo in posizione: sotto il prezzo o sotto i pulsanti di acquisto funziona bene.
- Fai clic su Save (Salva).
3. Aggiungi il blocco pagina carrello
Il blocco carrello calcola ogni articolo e quantità nel carrello, così il cliente vede la consegna per l'intero ordine.
- In ShipCalc, fai clic su Add Cart Page Block. L'editor del tema si apre sul modello del carrello.
- Fai clic su Add block (Aggiungi blocco) e scegli il blocco carrello di ShipCalc.
- Posizionalo vicino al subtotale e al pulsante di checkout, poi fai clic su Save (Salva).
4. Attiva il carrello laterale
Ogni tema costruisce i carrelli laterali (a scorrimento) in modo diverso, quindi ShipCalc li supporta con un'integrazione app che individua il carrello aperto e posiziona un calcolatore compatto e comprimibile sopra il pulsante di checkout.
- Apri l'editor del tema e seleziona App embeds (Incorporamenti app) nella barra laterale sinistra.
- Attiva l'integrazione ShipCalc per il carrello laterale.
- La maggior parte dei temi funziona con il rilevamento automatico. Se il tuo no, inserisci il selettore CSS del carrello laterale nelle impostazioni dell'integrazione.
- Fai clic su Save (Salva), poi apri il carrello laterale nel negozio online per verificarne la posizione.
5. Personalizza il widget
Le impostazioni grafiche e dei testi si trovano nella pagina Appearance di ShipCalc, con un'anteprima dal vivo prima che le modifiche arrivino al negozio.
Layout e stile
- Layout a scheda o minimal.
- Colori di accento, sfondo, testo e bordo.
- Raggio degli angoli, spaziature e dimensioni del testo.
- Usa la tipografia e gli stili di base dei controlli del tuo tema.
Testi
- Titolo, testo di aiuto ed etichetta del pulsante.
- Etichette e testi segnaposto di paese e CAP.
- Messaggi di calcolo, nessuna tariffa, errore e carrello vuoto.
- Un'etichetta per i metodi di spedizione gratuiti.
Ogni testo visibile ai clienti può essere scritto nella lingua del tuo negozio.
CSS personalizzato
Per un controllo più fine, l'editor CSS ti permette di aggiungere regole per il widget, utili per spaziature specifiche del tema o effetti al passaggio del mouse.
6. Paesi e CAP
Scegli da dove proviene il paese di destinazione:
- Fixed country (paese fisso): calcola sempre per un paese che scegli tu.
- Shopper’s Shopify country (paese Shopify del cliente): segue il paese di localizzazione di Shopify Markets.
- Country selector (selettore paese): il cliente sceglie tra i paesi che consenti.
Poi scegli come funzionano i CAP:
- Required (obbligatorio): il cliente deve inserire un CAP.
- Optional (facoltativo): il cliente può aggiungerlo per un preventivo più preciso.
- Country only (solo paese): nasconde il campo CAP; ShipCalc può restituire una stima per il paese scelto.
Puoi anche nascondere il calcolatore ai visitatori di determinati paesi o mostrarlo solo ai visitatori dei paesi che scegli.
7. Opzioni di visualizzazione delle tariffe
- Mostra tutte le tariffe disponibili, solo la più economica o solo la più cara.
- Mostra i dettagli di consegna sotto una tariffa quando Shopify li restituisce.
- Usa un tuo testo per i metodi gratuiti (per esempio "Spedizione gratuita").
8. Posizionamento manuale (avanzato)
Se il layout del tema non consente un blocco app dove ti serve, aggiungi al tema un elemento segnaposto e il loader di ShipCalc:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Usa data-shipcalc-m="cart" per una posizione nel carrello. Il calcolatore manuale usa le stesse impostazioni, gli stessi stili e gli stessi analytics dei blocchi app.
9. Analytics
La pagina Analytics mostra come i clienti usano il calcolatore:
- Totale delle richieste di preventivo nel tempo e attività recente.
- Preventivi per origine: pagina prodotto, pagina carrello o carrello laterale.
- Combinazioni di CAP e paese più frequenti.
- Metodi di consegna mostrati ai clienti.
- Errori, per individuare le destinazioni senza tariffe.
10. Eventi di marketing
ShipCalc può inviare un evento Calculate Shipping a Google Analytics 4, Google Tag Manager e Meta Pixel quando questi strumenti sono già presenti nel negozio. ShipCalc non installa script di tracciamento.
- Apri Marketing events in ShipCalc.
- Scegli a quali piattaforme inviare.
- Facoltativamente, modifica nome, categoria, etichetta o valore dell'evento, oppure aggiungi parametri personalizzati.
- Salva.
Gli eventi includono l'origine del widget (prodotto, carrello o laterale), il paese e se è stato inserito un CAP.
11. Diagnostica
La pagina Diagnostics esegue un preventivo reale senza passare dal negozio: utile dopo aver modificato zone o tariffe di spedizione.
- Apri Diagnostics in ShipCalc.
- Scegli un prodotto, un paese e un CAP.
- Esegui il preventivo per vedere esattamente cosa restituisce Shopify.
12. Risoluzione dei problemi
Il calcolatore non compare nella pagina prodotto
- Verifica di aver aggiunto il blocco al modello effettivamente usato dai prodotti e di aver salvato.
- Assicurati che il blocco non si trovi in una sezione nascosta o compressa.
- Verifica che le regole per paese dei visitatori in Appearance non lo nascondano per la tua posizione.
Non vengono restituite tariffe
- Verifica che la destinazione appartenga a un mercato attivo e a una zona di spedizione in Shopify.
- Verifica che profilo di spedizione e peso del prodotto soddisfino le condizioni tariffarie.
- Prova la stessa destinazione in Diagnostics per vedere cosa restituisce Shopify.
- Riformula il messaggio "nessuna tariffa" perché il cliente sappia cosa fare.
Per una checklist più completa, leggi Le tariffe di spedizione Shopify non compaiono.
Non compare nel carrello laterale
- Verifica che l'integrazione app del carrello laterale sia attiva e salvata.
- Prova a impostare il selettore del carrello laterale nelle impostazioni dell'integrazione.
- Contattaci indicando il nome del tema.
13. Assistenza
Il pannello di ShipCalc ha una pagina Support con risposte rapide e un modulo di contatto. Puoi anche scriverci qui e ti risponderemo via email.