Shopify's native Buy X Get Y rabat tilføjer ikke automatisk den gratis gave til kurven for dig. Den kan rabatere en gave ned til $0, når gaven er i kurven, og den kan endda udløses af et minimumskøb, men kunden skal stadig lægge mærke til tilbuddet, finde gaveproduktet og tilføje det selv. En rigtig automatisk gave-med-køb, hvor gaven optræder på egen hånd det øjeblik, kurven krydser en beløbstærskel, og forsvinder, hvis kurven falder tilbage under den, kræver enten brugerdefineret tema-kode bygget på Shopify's Ajax Cart API eller en app, der gør tilføjelsen og fjernelsen for dig.
Denne vejledning forklarer, hvorfor native gave-med-køb kommer til kort, hvorfor det manuelle trin stille dræber kampagnen, hvordan DIY Ajax cart-tilgangen fungerer og hvad det koster dig at vedligeholde, hvad du skal se efter i en app, og det eneste stykke heraf, du kan sende pålidelig i dag: en direkte kurveprogressbar, der viser kunder, hvor tæt de er på belønningen.
Tilføjer Shopify automatisk en gratis gave, når kurven når en tærskel?
Nej, ikke på egen hånd. Shopify giver dig to native byggesten, og ingen af dem tilføjer automatisk et produkt.
Den første er en minimumskøbs-ordre rabat, som tager penge af ordren, når kurven krydser en beløbstærskel. Det er rabat, ikke et gratis produkt.
Den anden er Buy X Get Y, som kan gøre et specifikt produkt gratis. Siden 2019 understøtter Buy X Get Y endda et minimumskøbs-beløb som trigger, så du kan bygge en kampagne, der lyder "Brug $100, få en gratis gave." Ifølge Shopify-udvikler-changelog, giver denne mulighed dig mulighed for at kræve et beløb i stedet for en specifik mængde varer, som lyder præcis som gave-med-køb.
Her er fangen, der snubler næsten alle forhandlere, der prøver det: Buy X Get Y rabatter gaver, der allerede er i kurven. Den sætter ikke gaven i kurven. Kunden skal tilføje gaveproduktet selv for, at rabatten aktiveres og mettes til nul. Hvis de aldrig tilføjer det, får de simpelthen ikke tilbuddet, og rabatten sidder der uden at gøre noget. Det hul, mellem "rabatten findes" og "kunden modtager faktisk gaven," er hele problemet, som denne artikel handler om.
BILLEDEPLADSHOLDER (Billede 1): Native Buy X Get Y versus rigtig automatisk tilføjelse
Foreslået visuelt: Et rent 16:9 diagram på hvid baggrund, to side-ved-side-strømme. Venstre strøm mærket "Native Buy X Get Y" viser fire trin med et rødt friction-ikon: kurven rammer $100, banner vises, kunde skal finde gaven, kunde skal tilføje det manuelt. Højre strøm mærket "Automatisk gave-tilføjelse" viser to trin med et grønt check: kurven rammer $100, gave optræder på $0.00 automatisk. Mærkfarver violet og guld, fladt vektor, sans-serif mærker, ingen fotografi.
Hvorfor kommer native Buy X Get Y til kort til en gratis gave?
Buy X Get Y er en ægte nyttig rabat, men den blev bygget til at prise artikler, ikke til at administrere indholdet i en kurv. Valget af design skaber tre praktiske huller til gave-med-køb.
Den rabatterer gaven, den tilføjer ikke gaven
Dette er kernebegrænsningen. Buy X Get Y overvåger kurven, og når "købs"-betingelsen er opfyldt (et beløb eller en mængde kvalificerende produkter), anvender den en rabat på "få"-produktet. Men "få"-produktet skal være til stede i kurven for, at rabatten har noget at handle på. Shopify injicerer det ikke. Så tilbuddet fungerer kun for undergruppen af kunder, der både lægger mærke til kampagnen og tager de ekstra skridt for at tilføje gaven.
Kunden bærer byrden
Hvert trin, du beder en kunde at tage, er et trin, hvor du kan miste dem. En gave-med-køb, der kræver, at kunden forlader, hvad de laver, navigerer til gavesideproduktet og tilføjer det til kurven, er at bede om indsats på præcis det øjeblik, de er tættest på at tjekke ud. De fleste kunder vil ikke gøre det. Dem, der ville have elsket gaven, ser aldrig det ske, og det incitament, du betaler for, går uindløst.
Den kan ikke fjerne gaven automatisk heller
Omvendt tilfælde er lige så uopenbart. Sig, at en kunde tilføjer gaven, fjerner derefter en vare og falder under tærsklen. Med en manuel opsætning kan den gratis gave blive tilbage i kurven. Afhængigt af hvordan rabatten er konfigureret, vender den enten stille tilbage til fuld pris (en ubehagelig overraskelse ved kassen) eller forbliver rabatteret, når kunden ikke længere kvalificerer sig (avance du ikke har til hensigt at give væk). En ordentlig gave-med-køb skal og fjerne gaven i låst skridt med kurvetotalen.
Forhandlere føler dette direkte. På en vidt set Shopify-fællesskabstråd, spurgte en forhandler, hvordan man automatisk tilføjer en gratis gave, når kurven når et beløbstærskel uden en tredjeparts app, og svaret kom tilbage på samme måde som altid: native Buy X Get Y findes, men den tilføjer ikke gaven selv, så du er tilbage med brugerdefineret kode eller en app.
Hvorfor kan en Shopify-funktion ikke bare tilføje gaven til kurven?
Dette er det naturlige næste spørgsmål, fordi Shopify-funktioner er den moderne, server-side måde at tilpasse rabatter på, og de kører inden for kassen, hvor alt er pålidelig. Det ærlige svar er, at rabatfunktionen kan prise ting, men kan ikke tilføje produkter.
En Shopify rabatfunktion returnerer rabatoperationer, der er rettet mod eksisterende kurvlinjer. Ifølge Shopify's rabatfunktion-API-dokumenter, anvender funktionen en procentdel eller fast beløb fra produkter eller ordren, eller rabatter forsendelse. Den læser kurven og justerer priser. Intetsteds i denne model er "indsæt en ny linje vare," fordi en rabatfunktions job er at prise merchandise, som køber valgte, ikke at ændre, hvad der er i kurven.
Den anden funktion, der berører kurven, er Cart Transform API. Dens dokumenterede job er at ændre "prisfastsættelse og præsentation af varer i en kurv," med use cases begrænset til at udvide et bundle i dets komponenter, flette linjer i et bundle og opdatere en linjetitel, billede eller pris. Det fungerer på linjer, der allerede eksisterer. Det er ikke en mekanisme til at droppe et helt nyt gave-produkt i kurven ud fra det blå, og nogle af dens operationer er begrænset til udviklings-butikker eller Shopify Plus.
Så server-side værktøjskassen er fremragende til at gøre en gave gratis, når den er i kurven og ubrugelig til at sætte gaven der i første omgang. Tilføjelse af et produkt til en kurv sker på butiksfronten, i temaet, hvilket er grunden til, at hver rigtig automatisk løsning ender med at køre noget JavaScript der.
Hvordan fungerer DIY Ajax Cart API-tilgangen?
Hvis du ønsker at bygge automatisk tilføjelse selv uden en app, er butiks-ruten Shopify's Ajax Cart API. Dette er det samme lettvægt slutpunkt, temaer bruger til at tilføje produkter til kurven uden en sideopdatering.
Mekanikken
Ajax Cart API eksponerer en POST /{locale}/cart/add.js slutpunkt, der tilføjer en eller flere varianter til kurven. Per Shopify Ajax Cart API-reference, sender du varianten-ID og en mængde, og varen lander i kurven. I praksis ser en gave-med-køb bygget på denne måde sådan ud:
- Et script i dit tema lytter til kurvændringer.
- Når kurven subtotal krydser din tærskel, kalder scriptet cart/add.js med gave-variantens ID.
- Et Buy X Get Y eller produktrabat (native eller Functions-baseret) pricer den gave til $0, så kunden ikke bliver opkrævet for det.
- Når kurven falder tilbage under tærsklen, kalder scriptet cart API igen for at fjerne gaven.
Du parrer et butiksscript, der administrerer kurvindhold, med en rabat, der administrerer prisen. Ingen halvdel gør hele jobbet alene.
Vedligeholdelsesomkostningen
Dette fungerer, og mange butikker kører en eller anden version af det, men det er kode, du ejer for altid. Nogle få ting at huske på, før du forpligter dig:
- Det er tema-koblet. Ajax API fungerer kun på Shopify-hostet temaer, og dit script hægter sig på dit specifikke temas kurvmarkup og begivenheder. Skift temaer, eller tag en tema-opdatering, der ændrer kurvevalutaen, og scriptet kan bryde stille.
- Du skal vogte kantsagerne. Hvad hvis kunden allerede havde gaveproduktet i deres kurv som en betalt vare? Hvad hvis de kvalificerer sig til to forskellige gaver? Hvad hvis de ændrer mængder hurtigt? Hver en af disse er en gren, du skal skrive og teste.
- Fjernelse er den hårde halvdel. Tilføjelse af en gave ved en tærskel er let. Pålidelig fjernelse af det det øjeblik, kurven falder under tærsklen, uden at kæmpe med kunden, der prøver at redigere deres kurv, er, hvor DIY-implementeringer bliver flaky.
Accelereret kasse-gotchaet
Her er fejltilstanden, der koster rigtige penge, og det er den samme fælde, der rammer enhver butiks-kun rabatlogik. Accelereret kasse som Shop Pay, Apple Pay og Google Pay lader køber springe kurvsiden helt over og hoppe direkte til kassestid. Dit temas JavaScript kører ikke på den vej. Så en kunde, der tapper Shop Pay-knappen, udløser aldrig dit tilføj-gave-script, og hele kampagnen sker stille ikke for dem.
Dette er grunden til, at pris-siden af en gave-med-køb hører til i en Shopify-funktion (som kører server-side på hver kassevej), selvom tilføjngssiden skal leve i temaet. Bliv rabat server-side, og det gælder identisk, uanset om køber gik gennem kurvsiden eller en accelereret kasse. Sæt rabat-logik i tema-JavaScript, og du får en total i kurven og en anden på kassestid for dine hurtigst-konverterende købere.
BILLEDEPLADSHOLDER (Billede 2): Hvor Ajax-scriptet gør og ikke kører
Foreslået visuelt: En 16:9 split-illustration. Venstre panel mærket "Standard kassestid" viser en kurv-side med et grønt "gave-script kører" badge og gaven tilføjet på $0.00. Højre panel mærket "Shop Pay / Apple Pay" viser en hurtig-kassering-knap, der springer kurv-siden over med et rødt "tema JS kører aldrig" badge og ingen gave. Et billedtekst-strip nedenfor lyder "Butiksscripts springer accelereret kassestid over. Hold prisfastsættelse server-side." Mærkfarver violet og guld, fladt vektor-stil, ingen fotografi.
Hvad skal du se efter i en gratis gave-app?
Hvis DIY lyder som mere vedligeholdelse, end du ønsker, er en app det sædvanlige svar. Ikke alle gave-med-køb apps bygges på samme måde. Her er, hvad der faktisk betyder noget.
Automatisk tilføj og automatisk fjern, begge
Tilføjelse af gaven er bordets indsatser. Den rigtige test er, om appen fjerner gaven automatisk, når kurven falder tilbage under tærsklen. Uden automatisk fjernelse får du kurve, der beholder en gratis gave, de ikke længere kvalificerer sig til, eller gaver, der stille vender tilbage til fuld pris og overrasker kunden. Insistér på begge retninger.
Server-side prisfastsættelse, så kurv og kassestid er enige
Spørg, hvordan gaven får prisen til $0. Hvis svaret er "vores script sætter prisen på kurvsiden," har du accelereret kassestid-problemet bagt ind. Det pålidelige mønster pricer gaven med en Shopify-funktion, så $0 holder på kurvsiden, kassesiden og Shop Pay-lignende. Tilføjelsen kan ske i temaet; rabatten burde ikke.
Det fungerer med dine øvrige tilbud
En gave-med-køb kører sjældent alene. Du har sandsynligvis også et salg, en volumen-tier eller gratis forsendelse live på samme tid. Kontroller, at gave-tilbuddet kombineres rent med dine øvrige rabatter under Shopify's rigtige stakings-regler, i stedet for at blokere dem eller blive blokeret. (Hvis rabatt-staking er nyt for dig, vejledningen på hvordan rabatt-staking fungerer i Shopify går gennem de tre rabat-klasser og hvad der kombineres med hvad.)
Den omskriver ikke dit katalog
Nogle apps ændrer produktpriser for at simulere en rabat. Det er skrøbeligt og efterlader et rod, hvis du afinstallerer. Den rene tilgang er en kassestid-justering, der aldrig berører dine rigtige produktpriser, så fjernelse af appen efterlader dit katalog præcis, som det var.
Hvad kan du sende pålidelig i dag: beløbsmål-progressbar
Her er den ærlige splittelse. Automatisk tilføj-og-fjern-delen af gave-med-køb er virkelig hård, fordi den afhænger af butiksmanipulation af kurv, som Shopify's server-side værktøjer ikke kan gøre. Men delen, der driver det meste af konverterings-løftet, der viser kunder, hvor tæt de er på belønningen, er helt løselig i dag, og Stackable sender det nu.
Et beløbsmål er en ordre-niveau rabat, der betales, når kurven krydser en tærskel, du angiver: brug $75 og få 10% rabat, eller brug $100 og få $15 rabat. Stackable's beløbsmål-funktion er bygget og live, og den kommer med en direkte kurveprogressbar der læser den rigtige kurvetotal og nedtæller, når kunden tilføjer varer, uden sideopdatering. "Du er $12 væk fra din belønning" er det eneste mest effektive push i en tærskelkampagne, og det gør det samme psykologiske arbejde, uanset om belønningen er rabat eller en gratis gave.
Fordi beløbsmålet beregnes af en Shopify-funktion, er belønningen, en kunde ser på kurvsiden, præcis hvad kassestid opkræver, herunder gennem Shop Pay. Der er ingen kurv-versus-kassestid-drift at jage. Og et beløbsmål stakker som en ordre-klasse lag, så det kombineres rent med en produktrabat eller gratis forsendelse på samme ordre.
For at være klar om, hvad der er og ikke er tilgængeligt lige nu: Stackable's automatisk gave-tilføjelse funktion, hvor gave-produktet selv vises og forsvinder automatisk ved en tærskel, er på køreplan og kommer snart, ikke noget, du kan tænde i dag. gave-funktionssiden beskriver præcis hvordan det fungerer, når det skal være sendt. Hvad du kan køre i dag, er beløbsmål-belønningen med den direkte progressbar, som er den pålidelige, kassestid-sikre halvdel af mønsteret.
BILLEDEPLADSHOLDER (Billede 3): Kurveprogressbar nedtæller til belønningen
Foreslået visuelt: En 16:9 butiksfront kurvevaluta mockup. En progressbar nær toppen er omkring 80 procent fyldt i violet, med etiketten "Du er $12 væk fra din belønning." Nedenfor det, to kurvelinjevarer med priser. Et guld belønning chip ved enden af progressbaren lyder "10% rabat." Rent moderne e-handel-stil, tema-neutral, mærk accent violet og guld, ingen fotografi. Henvisning til dokumenter/screenshot-manifest.md slot spend-goal-step-3 for at fange den rigtige widget senere.
Arbejdet eksempel: en gave, der automatisk tilføjer ved $75 og auto-fjerner under den
Lad os gå gennem, hvordan en rigtig automatisk gave-tilføjelse-med-køb opfører sig, så du præcis ved, hvad "gjort rigtigt" udsendelse lyder, og hvordan beløbsmål-progressbaren understøtter det i dag.
Et modevarmerke ønsker, at enhver ordre over $75 skal inkludere en gratis tote-pose, tilføjet automatisk. En kunde bygger denne kurv:
- 1 strik-sweater på $58
- 1 beanie på $22
- Subtotal: $80
Butikken kører en gave-med-køb indstillet til at udløse ved en $75 kurve-subtotal, med tote som gaven.
De to ting, der gør denne følelse løst, er de to ting, native Buy X Get Y ikke kan gøre på egen hånd: tote-en tilføjer sig selv det øjeblik kurven rammer $75, og den fjerner sig selv det øjeblik kurven falder under $75. Kunden jager aldrig efter gaven og bliver aldrig opkrævet for en, de ikke længere kvalificerer sig til.
I dag er progressbar-halvdelen af den oplevelse ("$17 væk" push, beregnet server-side, så den matcher kassestid) hvad Stackable's beløbsmål leverer, parret med en rabat-belønning. Den automatiske tilføj-og-fjern af gave-produktet selv er den kommende gratis gave-funktion. Rammet ærligt: du kan køre nedtællingen og belønningen nu, og det automatiske gave-tilføjelse-produkt er på vej.
Kør tærskelbelønninger pålidelig med Stackable
Hvis du ønsker tærskelbelønnings-mekanikken at være pålidelig i stedet for et tema-script, du holder:Stackable er bygget til, inden for Shopify's rigtige regler.
- Beløbsmål med en direkte kurveprogressbar der nedtæller til belønningen, når kunden tilføjer varer, uden sideopdatering.
- Belønningen beregnes af en Shopify-funktion, så kurvsiden, kassesiden og Shop Pay alle viser den samme total. Der er ingen tema-versus-kassestid-drift.
- Beløbsmål stakker som en ordre-klasse lag, så de kombineres rent med dine produktrabatter og gratis forsendelse under Shopify's kombinerings-regler.
- Stackable omskriver aldrig dine produktpriser. Belønninger er kun kassestid-justeringer, så fjernelse efterlader dit katalog urørt.
- Den automatisk gave-tilføjelse funktion er på køreplan og ærligt flagget som kommende snart, så du altid ved, hvad der er live, og hvad der er planlagt.
Installer Stackable gratis og vis dine kunder en nedtælling til belønningen allerede i dag, på usestackable.com/pricing. 🎁
Bundlinjen
- Shopify's native Buy X Get Y tilføjer ikke automatisk gaven. Den kan prise en gave til $0 og kan udløses af et beløb, men kunden skal tilføje gave-produktet selv.
- Det manuelle tilføjelsestrin er, hvor kampagnen lækker. De fleste kunder bemærker eller gider aldrig, så det incitament, du betaler for, går uindløst.
- Server-side funktioner kan ikke tilføje et produkt til kurven. Rabatfunktioner pricer kun eksisterende linjer, og Cart Transform udvider, fletter eller opdaterer kun linjer, der allerede er der.
- DIY-ruten er et tema-script på Ajax Cart API, der tilføjer og fjerner gaven, parret med en rabat, der pricer den. Det fungerer, men er tema-koblet, kant-tilfælde-tungt og springer af accelereret kassestider over.
- I en app, insistér på automatisk tilføj og automatisk fjern, server-side prisfastsættelse, så kurv og kassestid er enige, ren staking med dine øvrige tilbud, og ingen omskrivning af katalog-priser.
- Hvad du kan sende pålidelig i dag, er en beløbsmål-belønning med en direkte kurveprogressbar. Stackable leverer det nu, beregnet server-side, så det matcher kassestid, mens den automatiske gave-tilføjelse-funktion ærligt flagges som kommende snart.
Relaterede artikler
- Beløbsmål og ordre-rabatter: belønne hele ordren ved en kurv-værdi-tærskel, med en direkte progressbar, der matcher kassestid. Bygget og live i dag.
- Automatisk gave-tilføjelse med køb: hvordan den automatiske tilføj-og-fjern gave-funktion fungerer. Kommer snart.
- Gratis forsendelse tilbud: tilføj gratis forsendelse som en forsendelse-klasse tærskelbelønning, der stakker med dine øvrige tilbud.
- Rabatt-staking, gjort rigtigt: hvordan de tre per-klasse kombinerings-kontakter afgør, hvad din tærskelbelønning kan lægge med.
- Hvordan rabatt-staking fungerer i Shopify: de tre rabat-klasser og hvorfor native kun anvender den højeste.
- Shopify's 100-produktgrænse på Buy X Get Y: en anden native Buy X Get Y loft og hvordan man kører store-katalog tilbud omkring det.
- Stackable prisfastsættelse: planer, den gratis tier, og hvad hver inkluderer.
