Come aggiungere automaticamente un regalo gratuito quando il carrello raggiunge una soglia di spesa (senza che i clienti lo facciano)

Lo sconto nativo Buy X Get Y di Shopify non aggiunge il regalo gratuito al carrello per te. Può ridurre un regalo a $0 una volta che il regalo è nel carrello, e può anche essere attivato da una spesa minima, ma il cliente deve comunque notare l'offerta, trovare il prodotto regalo e aggiungerlo da sé. Un vero regalo automatico con acquisto, dove il regalo appare da solo nel momento in cui il carrello supera una soglia di spesa e scompare se il carrello scende al di sotto, richiede codice tema personalizzato creato su Shopify Ajax Cart API o un'app che esegue l'aggiunta e la rimozione per te.

Questa guida spiega perche il regalo con acquisto nativo non è sufficiente, perche il passaggio di aggiunta manuale uccide silenziosamente la promozione, come funziona l'approccio Ajax cart fai-da-te e cosa ti costa mantenerlo, cosa cercare in un'app, e l'unica parte di questo che puoi spedire in modo affidabile oggi: una barra di progresso del carrello dal vivo che mostra agli acquirenti quanto sono vicini al premio.

Shopify aggiunge automaticamente un regalo gratuito quando il carrello raggiunge una soglia?

No, non da solo. Shopify ti fornisce due blocchi di costruzione nativi, e nessuno dei due aggiunge automaticamente un prodotto.

Il primo è un sconto di ordine di acquisto minimo, che toglie soldi dall'ordine una volta che il carrello supera una soglia di spesa. Questo è denaro sottratto, non un prodotto gratuito.

Il secondo è Buy X Get Y, che può rendere un prodotto specifico gratuito. Dal 2019, Buy X Get Y supporta anche un importo di acquisto minimo come attivatore, quindi puoi creare una promozione che dice "Spendi $100, ottieni un regalo gratuito." Secondo il changelog degli sviluppatori di Shopify, questa opzione ti consente di richiedere un importo di spesa anziché una quantità specifica di articoli, il che suona esattamente come regalo con acquisto.

Ecco il problema che inganna quasi ogni commerciante che ci prova: gli sconti Buy X Get Y applicano lo sconto a un regalo che è già nel carrello. Non mettono il regalo nel carrello. Il cliente deve aggiungere il prodotto regalo da sé per attivare lo sconto e azzerare il suo prezzo. Se non lo aggiungono mai, semplicemente non ottengono l'offerta, e lo sconto rimane lì a non fare nulla. Quel divario, tra "lo sconto esiste" e "il cliente riceve effettivamente il regalo," è l'intero problema di cui parla questo articolo.

SEGNAPOSTO IMMAGINE (Immagine 1): Buy X Get Y nativo rispetto al vero regalo automatico

Suggerimento visivo: Un diagramma pulito 16:9 su uno sfondo bianco, due flussi fianco a fianco. Il flusso sinistro etichettato "Buy X Get Y nativo" mostra quattro passaggi con un'icona di attrito rosso: il carrello raggiunge $100, il banner appare, il cliente deve trovare il regalo, il cliente deve aggiungerlo manualmente. Il flusso destro etichettato "Regalo automatico con acquisto" mostra due passaggi con un segno di spunta verde: il carrello raggiunge $100, il regalo appare a $0.00 automaticamente. Colori del marchio viola e oro, vettore piatto, etichette sans-serif, nessuna fotografia.

Perche Buy X Get Y nativo non è sufficiente per un regalo gratuito?

Buy X Get Y è uno sconto genuinamente utile, ma è stato costruito per prezzo articoli, non per gestire il contenuto di un carrello. Quella scelta di progettazione crea tre lacune pratiche per il regalo con acquisto.

Applica sconto al regalo, non lo aggiunge

Questa è la limitazione principale. Buy X Get Y controlla il carrello, e quando la condizione "buy" è soddisfatta (un importo di spesa o una quantità di prodotti qualificati), applica uno sconto al prodotto "get". Ma il prodotto "get" deve essere presente nel carrello affinche lo sconto abbia qualcosa su cui agire. Shopify non lo inietta. Quindi l'offerta funziona solo per il sottoinsieme di acquirenti che sia notano la promozione che compiono i passi aggiuntivi per aggiungere il regalo.

Il cliente porta il peso

Ogni passaggio che chiedi a un acquirente di compiere è un passaggio in cui puoi perderlo. Un regalo con acquisto che richiede al cliente di lasciare quello che sta facendo, navigare alla pagina del prodotto regalo e aggiungerlo al carrello sta chiedendo uno sforzo esattamente nel momento in cui è più vicino al checkout. La maggior parte degli acquirenti non lo farà. Quelli che avrebbero amato il regalo non lo vedono mai accadere, e l'incentivo per il quale stai pagando rimane non riscattato.

Non può rimuovere automaticamente il regalo neanche

Il caso inverso è altrettanto ingombrante. Supponiamo che un acquirente aggiunga il regalo, quindi rimuova un articolo e scenda al di sotto della soglia. Con una configurazione manuale, il regalo gratuito può rimanere nel carrello. A seconda di come è configurato lo sconto, silenziosamente ripristina il prezzo pieno (una sorpresa spiacevole al checkout) o rimane scontato quando il cliente non si qualifica più (margine che non intendevi regalare). Un vero regalo con acquisto ha aggiungere e rimuovere il regalo in sincronia con il totale del carrello.

I commercianti lo sentono direttamente. Su un thread della comunità Shopify molto visualizzato, un commerciante ha chiesto come aggiungere automaticamente un regalo gratuito una volta che il carrello raggiunge una soglia di spesa senza un'app di terze parti, e la risposta è tornata allo stesso modo: Buy X Get Y nativo esiste, ma non aggiungerà il regalo da sé, quindi rimani con codice personalizzato o un'app.

Perche una Shopify Function non riesce ad aggiungere il regalo al carrello?

Questa è la domanda naturale successiva, perche Shopify Functions è il modo moderno lato server per personalizzare gli sconti, e vengono eseguiti all'interno del checkout dove tutto è affidabile. La risposta onesta è che la funzione di sconto può prezzo le cose ma non può aggiungere prodotti.

Una funzione di sconto Shopify restituisce operazioni di sconto che si rivolgono alle righe del carrello esistenti. Secondo la documentazione API della funzione di sconto di Shopify, la funzione applica una percentuale o un importo fisso di prodotti o ordini, o sconta la spedizione. Legge il carrello e regola i prezzi. Non c'è da nessuna parte in quel modello "inserisci una nuova voce di riga," perche il lavoro di una funzione di sconto è prezzo la merce che l'acquirente ha scelto, non cambiare cosa c'è nel carrello.

L'altra funzione che tocca il carrello è il Cart Transform API. Il suo lavoro documentato è cambiare il "prezzo e la presentazione degli articoli in un carrello," con casi d'uso limitati all'espansione di un bundle nei suoi componenti, al unione di righe in un bundle e all'aggiornamento del titolo, dell'immagine o del prezzo di una riga. Funziona su righe che già esistono. Non è un meccanismo per inserire un prodotto regalo completamente nuovo nel carrello dal nulla, e alcune delle sue operazioni sono limitate ai negozi di sviluppo o a Shopify Plus.

Quindi il kit di strumenti lato server è eccellente nel rendere un regalo gratuito una volta che è nel carrello e inutile nel metterlo lì in primo luogo. L'aggiunta di un prodotto a un carrello avviene sulla vetrina, nel tema, ecco perche ogni soluzione di auto-aggiunta reale finisce per eseguire un po' di JavaScript lì.

Come funziona l'approccio Ajax Cart API fai-da-te?

Se vuoi costruire l'auto-aggiunta da solo senza un'app, la rotta della vetrina è Shopify Ajax Cart API. Questo è lo stesso endpoint leggero che i temi utilizzano per aggiungere prodotti al carrello senza ricaricare la pagina.

La meccanica

Ajax Cart API espone un endpoint POST /{locale}/cart/add.js che aggiunge uno o più varianti al carrello. Secondo il riferimento API Ajax Cart di Shopify, invii l'ID della variante e una quantità, e l'articolo entra nel carrello. In pratica, un regalo con acquisto costruito in questo modo assomiglia a questo:

1. Uno script nel tuo tema ascolta i cambiamenti del carrello.
2. Quando il subtotale del carrello supera la tua soglia, lo script chiama cart/add.js con l'ID della variante regalo.
3. Un Buy X Get Y o uno sconto prodotto (nativo o basato su Functions) prezzo quel regalo a $0 quindi il cliente non viene addebitato.
4. Quando il carrello scende al di sotto della soglia, lo script chiama di nuovo l'API del carrello per rimuovere il regalo.

Abbini uno script della vetrina che gestisce il contenuto del carrello con uno sconto che gestisce il prezzo. Nessuna metà fa l'intero lavoro da sola.

Il costo di manutenzione

Questo funziona, e molti negozi eseguono una versione di esso, ma è codice che ora possiedi per sempre. Un paio di cose da tenere a mente prima di impegnarti:

• È accoppiato al tema. L'API Ajax funziona solo su temi ospitati da Shopify, e il tuo script si aggancia al markup del carrello specifico del tuo tema e agli eventi. Cambia tema, o prendi un aggiornamento del tema che cambia il cassetto del carrello, e lo script può rompersi silenziosamente.
• Devi proteggere i casi limite. Cosa succede se l'acquirente aveva già il prodotto regalo nel carrello come articolo pagato? Cosa se si qualificano per due regali diversi? Cosa se cambiano le quantità rapidamente? Ognuno di questi è un ramo che devi scrivere e testare.
• La rimozione è la parte difficile. Aggiungere un regalo a una soglia è facile. Rimuoverlo in modo affidabile l'istante in cui il carrello scende al di sotto della soglia, senza combattere il cliente che sta cercando di modificare il carrello, è dove le implementazioni fai-da-te diventano instabili.

Il gotcha del checkout accelerato

Ecco la modalità di fallimento che costa soldi veri, ed è la stessa trappola che colpisce qualsiasi logica di sconto solo della vetrina. I checkout accelerati come Shop Pay, Apple Pay e Google Pay lasciano all'acquirente saltare la pagina del carrello intera e saltare direttamente al checkout. Il tuo JavaScript tema non viene eseguito su quel percorso. Quindi un acquirente che tocca il pulsante Shop Pay non attiva mai lo script di aggiunta del regalo, e l'intera promozione silenziosamente non accade per loro.

Ecco perche il lato di prezzo di un regalo con acquisto appartiene a una Shopify Function (che viene eseguita lato server su ogni percorso di checkout) anche quando il lato di aggiunta deve vivere nel tema. Mantieni lo sconto lato server e si applica in modo identico sia che l'acquirente sia passato dalla pagina del carrello che da un checkout accelerato. Metti la logica di sconto nel JavaScript tema e otterrai un totale nel carrello e uno diverso al checkout per gli acquirenti che si convertono più velocemente.

SEGNAPOSTO IMMAGINE (Immagine 2): Dove lo script Ajax fa e non funziona

Suggerimento visivo: Un'illustrazione divisa 16:9. Il pannello sinistro etichettato "Checkout standard" mostra una pagina del carrello con un badge verde "lo script regalo viene eseguito" e il regalo aggiunto a $0.00. Il pannello destro etichettato "Shop Pay / Apple Pay" mostra un pulsante di checkout rapido che aggira la pagina del carrello con un badge rosso "il JS tema non viene mai eseguito" e nessun regalo. Una didascalia sottostante legge "Gli script della vetrina saltano il checkout accelerato. Mantieni il prezzo lato server." Colori del marchio viola e oro, stile vettore piatto, nessuna fotografia.

Cosa dovresti cercare in un'app regalo gratuito?

Se il fai-da-te suona come più manutenzione di quanto vuoi, un'app è la risposta usuale. Non tutte le app regalo con acquisto sono costruite allo stesso modo, però. Ecco cosa conta veramente.

Auto-aggiunta e auto-rimozione, entrambi

Aggiungere il regalo è tavola d'appoggio. Il vero test è se l'app rimuove automaticamente il regalo quando il carrello scende al di sotto della soglia. Senza rimozione automatica, ottieni carrelli che mantengono un regalo gratuito per il quale non si qualificano più, o regali che silenziosamente ripristinano il prezzo pieno e sorprendono il cliente. Insisti su entrambe le direzioni.

Prezzo lato server quindi il carrello e il checkout sono d'accordo

Chiedi come il regalo viene prezzo a $0. Se la risposta è "il nostro script imposta il prezzo sulla pagina del carrello," hai il problema del checkout accelerato incorporato. Lo schema affidabile prezzo il regalo con una Shopify Function quindi $0 rimane sulla pagina del carrello, la pagina di checkout e Shop Pay allo stesso modo. L'aggiunta può avvenire nel tema; lo sconto non dovrebbe.

Funziona con le tue altre offerte

Un regalo con acquisto raramente funziona da solo. Probabilmente hai anche una vendita, un livello di volume o spedizione gratuita in diretta contemporaneamente. Verifica che l'offerta regalo si combini pulitamente con i tuoi altri sconti secondo le vere regole di impilamento di Shopify, piuttosto che bloccarli o essere bloccati. (Se l'impilamento degli sconti è nuovo per te, la nostra guida su come funziona l'impilamento degli sconti in Shopify illustra le tre classi di sconto e cosa si combina con cosa.)

Non riscrive il tuo catalogo

Alcune app cambiano i prezzi dei prodotti per simulare uno sconto. Questo è fragile e lascia un pasticcio se disinstalli. L'approccio pulito è un regolamento al momento del checkout che non tocca mai i tuoi prezzi di prodotto reali, quindi rimuovere l'app lascia il tuo catalogo esattamente come era.

Ciò che puoi spedire in modo affidabile oggi: la barra di progresso dell'obiettivo di spesa

Ecco la divisione onesta. La parte di auto-aggiunta e auto-rimozione del regalo con acquisto è genuinamente difficile, perche dipende dalla manipolazione del carrello della vetrina che gli strumenti lato server di Shopify non possono fare. Ma la parte che guida la maggior parte dell'incremento di conversione, mostrando agli acquirenti quanto sono vicini al premio, è completamente risolvibile oggi, e Stackable lo spedisce adesso.

Un obiettivo di spesa è uno sconto a livello di ordine che si paga una volta che il carrello supera una soglia che imposti: spendi $75 e ottieni il 10% di sconto, o spendi $100 e ottieni $15 di sconto. Di Stackable funzione obiettivo di spesa è costruito e attivo, e viene fornito con un barra di progresso del carrello dal vivo che legge il totale del carrello reale e fa il conto alla rovescia mentre l'acquirente aggiunge articoli, senza ricaricare la pagina. "Sei a $12 dal tuo premio" è il singolo nudge più efficace in una promozione a soglia, e sta facendo lo stesso lavoro psicologico se il premio è denaro off o un regalo gratuito.

Perche l'obiettivo di spesa è calcolato da una Shopify Function, il premio che un acquirente vede sulla pagina del carrello è esattamente quello che il checkout addebita, incluso tramite Shop Pay. Non c'è alcuna divergenza tra carrello e checkout da inseguire. E un obiettivo di spesa si impila come livello di classe ordine, quindi si combina pulitamente con uno sconto prodotto o spedizione gratuita nello stesso ordine.

Per essere chiari su cosa è e non è disponibile in questo momento: Di Stackable regalo automatico gratuito caratteristica, dove il prodotto regalo stesso appare e scompare automaticamente a una soglia, è sulla roadmap e arriverà presto, non qualcosa che puoi attivare oggi. Il pagina della funzione regalo gratuito descrive esattamente come funzionerà quando spedisce. Quello che puoi eseguire oggi è il premio dell'obiettivo di spesa con la barra di progresso dal vivo, che è la metà affidabile e sicura per il checkout del modello.

SEGNAPOSTO IMMAGINE (Immagine 3): Barra di progresso del carrello che conta alla rovescia verso il premio

Suggerimento visivo: Un mockup del cassetto del carrello della vetrina 16:9. Una barra di progresso vicino alla parte superiore è riempita circa l'80 percento di viola, con l'etichetta "Sei a $12 dal tuo premio." Sotto di esso, due voci del carrello con prezzi. Un chip premio d'oro alla fine della barra di progresso legge "10% di sconto." Stile di e-commerce moderno e pulito, neutro per il tema, accento marchio viola e oro, nessuna fotografia. Fare riferimento ai documenti/manifest-screenshot.md fessura spend-goal-step-3 per catturare il widget reale in seguito.

Esempio lavorato: un regalo che auto-aggiunge a $75 e auto-rimuove al di sotto

Camminiamo attraverso come un vero regalo automatico con acquisto si comporta, quindi sai esattamente cosa significa "fatto bene", e come la barra di progresso dell'obiettivo di spesa lo supporta oggi.

Un marchio di moda vuole che ogni ordine sopra $75 includa una borsa tote gratuita, aggiunta automaticamente. Un acquirente costruisce questo carrello:

• 1 maglione a maglia a $58
• 1 berretto a $22
• Subtotale: $80

Il negozio esegue un regalo con acquisto impostato per attivarsi a un subtotale di carrello di $75, con la tote come regalo.

Le due cose che rendono questo senza sforzo sono le due cose che Buy X Get Y nativo non può fare da solo: la tote aggiunge se stessa nel momento in cui il carrello raggiunge $75, e rimuove se stessa nel momento in cui il carrello scende al di sotto di $75. Il cliente non cerca mai il regalo e non viene mai addebitato per uno per cui non si qualifica più.

Oggi, la metà della barra di progresso di quell'esperienza (il nudge "$17 di distanza", calcolato lato server in modo che corrisponda al checkout) è quello che l'obiettivo di spesa di Stackable fornisce, abbinato a un premio money-off. L'aggiunta automatica e la rimozione del prodotto regalo stesso è la capacità regalo gratuito che arriva presto. Inquadrato onestamente: puoi eseguire il conto alla rovescia e il premio adesso, e il prodotto regalo automatico che aggiunge è in arrivo.

Eseguire premi a soglia in modo affidabile con Stackable

Se vuoi che la meccanica del premio a soglia sia affidabile piuttosto che uno script tema che controlli, è quello per cui Stackable è costruito, entro le vere regole di Shopify.

• Obiettivi di spesa con un barra di progresso del carrello dal vivo che conta alla rovescia verso il premio mentre l'acquirente aggiunge articoli, senza ricaricare la pagina.
• Il premio è calcolato da un Shopify Function, quindi la pagina del carrello, la pagina di checkout e Shop Pay mostrano tutti lo stesso totale. Non c'è alcuna divergenza tema-versus-checkout.
• Obiettivi di spesa impila come livello di classe ordine, quindi si combinano pulitamente con i tuoi sconti prodotto e spedizione gratuita secondo le regole di combinazione di Shopify.
• Stackable non riscrive mai i tuoi prezzi di prodotto. I premi sono solo regolamenti di checkout, quindi disinstallare lascia il tuo catalogo intatto.
• Il regalo automatico gratuito funzione è sulla roadmap ed è onestamente segnalata come coming soon, quindi sai sempre cosa è attivo e cosa è pianificato.

Installa Stackable gratis e metti già da oggi un conto alla rovescia verso il regalo davanti ai tuoi clienti, su usestackable.com/pricing. 🎁

La linea di fondo

• Buy X Get Y nativo di Shopify non aggiunge automaticamente il regalo. Può prezzo un regalo a $0 e può essere attivato da un importo di spesa, ma il cliente deve aggiungere il prodotto regalo da sé.
• Il passaggio di aggiunta manuale è dove la promozione perde. La maggior parte degli acquirenti non lo nota o non se ne preoccupa, quindi l'incentivo per cui stai pagando rimane non riscattato.
• Le funzioni lato server non possono aggiungere un prodotto al carrello. Le funzioni di sconto prezzo solo le righe esistenti, e Cart Transform espande, unisce o aggiorna solo le righe che sono già lì.
• La rotta fai-da-te è uno script tema su Ajax Cart API che aggiunge e rimuove il regalo, abbinato a uno sconto che lo prezzo. Funziona ma è accoppiato al tema, pesante su casi limite e saltato da checkout accelerati.
• In un'app, insisti su aggiunta automatica e rimozione automatica, prezzo lato server quindi il carrello e il checkout sono d'accordo, impilamento pulito con le tue altre offerte e nessuna riscrittura di prezzi del catalogo.
• Quello che puoi spedire in modo affidabile oggi è un premio per obiettivo di spesa con una barra di progresso del carrello dal vivo. Stackable lo fornisce adesso, calcolato lato server quindi corrisponde al checkout, mentre la funzione regalo gratuito auto-aggiunta è onestamente segnalata come coming soon.

Articoli correlati

• Obiettivi di spesa e sconti di ordine: premio l'intero ordine a una soglia di valore del carrello, con una barra di progresso dal vivo che corrisponde al checkout. Costruito e attivo oggi.
• Aggiungere automaticamente un regalo gratuito con acquisto: come funzionerà la funzione regalo automatico add-and-remove. Coming soon.
• Offerte di spedizione gratuita: aggiungi spedizione gratuita come premio di soglia di classe di spedizione che si impila con le tue altre offerte.
• Sconto impilamento, fatto bene: come i tre interruttori di combinazione per classe decidono cosa il tuo premio a soglia può stratificare con.
• Come funziona l'impilamento degli sconti in Shopify: le tre classi di sconto e perche il nativo applica solo il più alto.
• Limite di 100 prodotti di Shopify su Buy X Get Y: un altro soffitto Buy X Get Y nativo e come eseguire offerte di catalogo grande intorno ad esso.
• Prezzo di Stackable: piani, il livello gratuito e cosa include ognuno.