Shopifys inbyggda Buy X Get Y-rabatt lägger inte automatiskt till gratis gåvan i varukorgen. Den kan rabattera en gåva ner till 0 kr när gåvan redan är i varukorgen, och den kan till och med utlösas av ett minimumiköp, men kunden måste fortfarande märka erbjudandet, hitta gåvaprodukten och lägga till den själv. En verklig auto-add-gåva-vid-köp, där gåvan visas av sig själv omedelbar när varukorgen passerar en köpgräns och försvinner om varukorgen sjunker under den, kräver antingen anpassad tema-kod byggd på Shopifys Ajax Cart API eller en app som gör tillägget-och-borttagningen åt dig.
Den här guiden förklarar varför inbyggd gåva-vid-köp inte räcker till, varför det manuella tillägget tyst dödar kampanjen, hur själv-gjord Ajax-varukorgs-metod fungerar och vad det kostar dig att underhålla, vad du ska leta efter i en app, och en del av detta du kan leverera tillförlitligt idag: en live varukorgsförloppsbar som visar köpare hur nära de är belöningen.
Lägger Shopify automatiskt till en gratis gåva när varukorgen når en gräns?
Nej, inte på egen hand. Shopify ger dig två inbyggda byggklossar, och ingen av dem auto-lägger till en produkt.
Den första är en order-rabatt med minskrav, som tar pengar från beställningen när varukorgen passerar en köpgräns. Det är pengar av, inte en gratis produkt.
Den andra är Buy X Get Y, som kan göra en specifik produkt gratis. Sedan 2019 har Buy X Get Y till och med stödt ett minimumiköp som utlösare, så du kan bygga en kampanj som lyder "Köp för 100 dollar, få en gratis gåva." Enligt Shopify-utvecklarens ändringslogg, låter detta alternativ dig kräva ett köpbelopp istället för en specifik mängd artiklar, vilket låter exakt som gåva-vid-köp.
Här är fällan som snubblar nästan alla handlare som försöker det: Buy X Get Y-rabatter en gåva som redan är i varukorgen. Det lägger inte gåvan i varukorgen. Kunden måste själv lägga till gåvaprodukten för att rabatten ska slå in och nolla priset. Om de aldrig lägger till det, får de helt enkelt inte erbjudandet, och rabatten sitter där och gör ingenting. Det gapet, mellan "rabatten finns" och "kunden faktiskt får gåvan," är hela problemet denna artikel handlar om.
BILDPLACERINGSHÅLLARE (Bild 1): Inbyggd Buy X Get Y jämfört med verklig auto-add
Föreslagen visuell: Ett rent 16:9-diagram på vit bakgrund, två parallella flöden. Vänster flöde märkt "Inbyggd Buy X Get Y" visar fyra steg med en röd friktionsikon: varukorgen når 100 dollar, banderoll visas, kund måste hitta gåvan, kund måste lägga till den manuellt. Höger flöde märkt "Auto-add-gåva-vid-köp" visar två steg med en grön bock: varukorgen når 100 dollar, gåva visas på 0,00 kr automatiskt. Märkesfärger violett och guld, platt vektor, sans-serif-etiketter, ingen fotografi.
Varför räcker inbyggd Buy X Get Y inte till för en gratis gåva?
Buy X Get Y är en verkligt användbar rabatt, men den byggdes för att prisa föremål, inte för att hantera innehållet i en varukorgen. Det designvalet skapar tre praktiska luckor för gåva-vid-köp.
Den rabatterar gåvan, den lägger inte till gåvan
Detta är kärnbegränsningen. Buy X Get Y övervakar varukorgen, och när "köp"-villkoret uppfylls (ett köpbelopp eller en mängd av kvalificerande produkter), tillämpar den en rabatt på "få"-produkten. Men "få"-produkten måste finnas i varukorgen för att rabatten ska ha något att agera på. Shopify injicerar den inte. Så erbjudandet fungerar bara för den delmängd av köpare som både märker kampanjen och tar de extra stegen för att lägga till gåvan.
Kunden bär bördan
Varje steg du frågar en köpare att ta är ett steg där du kan förlora dem. En gåva-vid-köp som kräver att kunden lämnar vad de håller på med, navigerar till gåvasidan och lägger till den i varukorgen frågar efter ansträngning vid exakt det ögonblick de är närmast att checka ut. De flesta köpare gör det inte. De som skulle ha älskat gåvan ser det aldrig hända, och det incitament du betalar för återlöses aldrig.
Det kan inte heller ta bort gåvan automatiskt
Det omvända fallet är precis lika rörigt. Säg att en köpare lägger till gåvan, tar sedan bort en artikel och sjunker under tröskelvärdet. Med en manuell inställning kan gratis gåvan bli kvar i varukorgen. Beroende på hur rabatten är konfigurerad, återgår den antingen tyst till fullt pris (en obehaglig överraskning vid checkout) eller förblir rabatterad när kunden inte längre är kvalificerad (marginal du inte hade för avsikt att ge bort). En korrekt gåva-vid-köp måste lägga till och ta bort gåvan i låsfas med varukorgens summa.
Handlare känner detta direkt. På en väl visad Shopify-community-tråd, frågade en handlare hur man automatiskt lägger till en gratis gåva när varukorgen når en köpgräns utan en tredjepartsapp, och svaret kom tillbaka på samma sätt som det alltid gör: inbyggd Buy X Get Y finns, men det lägger inte till gåvan själv, så du lämnas med anpassad kod eller en app.
Varför kan en Shopify Function bara inte lägga till gåvan i varukorgen?
Detta är den naturliga nästa fråga, eftersom Shopify Functions är det moderna, server-sida sättet att anpassa rabatter, och de körs innanför checkout där allt är tillförlitligt. Det ärliga svaret är att rabattfunktionen kan prisa saker men kan inte lägga till produkter.
En Shopify-rabattfunktion returnerar rabattoperationer som riktar in sig på befintliga varukorgrader. Enligt Shopifys Discount Function API-dokument, tillämpar funktionen en procentandel eller ett fast belopp av produkter eller beställningen, eller rabatterar frakt. Den läser varukorgen och justerar priser. Ingenstans i den modellen är "infoga en ny radpost," eftersom en rabattfunktions jobb är att prisa varor köparen valde, inte att ändra vad som är i varukorgen.
Den andra funktionen som berör varukorgen är Cart Transform API. Dess dokumenterade jobb är att ändra "prissättning och presentation av föremål i en varukorgen," med användningsfall begränsade till att expandera ett paket till dess komponenter, slå samman rader till ett paket och uppdatera en radets titel, bild eller pris. Det fungerar på rader som redan finns. Det är inte en mekanism för att släppa en helt ny gåvaprodukt i varukorgen från ingenstans, och några av dess operationer är begränsade till utvecklingsbutiker eller Shopify Plus.
Så server-sida verktygslådan är utmärkt på att göra en gåva gratis när den finns där och värdelös på att lägga gåvan där i första hand. Att lägga till en produkt i en varukorgen sker på webbutiken, i temat, vilket är varför varje verklig auto-add-lösning slutar med att köra något JavaScript där.
Hur fungerar DIY Ajax Cart API-metoden?
Om du vill bygga auto-add själv utan en app är webbutiken-vägen Shopifys Ajax Cart API. Det här är samma lätta slutpunkt som teman använder för att lägga till produkter i varukorgen utan sidladdning.
Mekaniken
Ajax Cart API exponerar en POST /{locale}/cart/add.js slutpunkt som lägger till en eller flera varianter i varukorgen. Per Shopify Ajax Cart API-referensen, skickar du variant-ID och en mängd, och föremålet landar i varukorgen. I praktiken ser en gåva-vid-köp byggd på det här sättet ut så här:
- Ett skript i ditt tema lyssnar på varukorgsändringar.
- När varukorgsundersumman passerar din gräns, anropar skriptet cart/add.js med gåvavarianten-ID.
- En Buy X Get Y eller produktrabatt (inbyggd eller Functions-baserad) prisar den gåvan på 0 kr så kunden inte debiteras för den.
- När varukorgen sjunker under gränsen, anropar skriptet cart API igen för att ta bort gåvan.
Du parar ett webbutiksekskript som hanterar varukorgens innehål med en rabatt som hanterar priset. Ingen halvdel gör hela jobbet ensam.
Underhållskostnaden
Det här fungerar, och gott om butiker kör någon version av det, men det är kod du nu äger för alltid. Några saker att hålla i åtanke innan du bestämmer dig:
- Det är tema-kopplat. Ajax API fungerar bara på Shopify-värdade teman, och ditt skript kopplas in i ditt specifika temas varukorgsmarkup och händelser. Byt tema, eller ta en temauppdatering som ändrar varukorgsbarlen, och skriptet kan bryta tyst.
- Du måste skydda gränsförsöken. Vad händer om köparen redan hade gåvaprodukten i sin varukorgen som ett betalt föremål? Tänk om de är kvalificerade för två olika gåvor? Vad om de ändrar mängder snabbt? Varje en av dessa är en gren du måste skriva och testa.
- Borttagning är den svåra hälften. Att lägga till en gåva vid en gräns är lätt. Att pålitligt ta bort den omedelbar när varukorgen sjunker under gränsen, utan att slåss med kunden som försöker redigera sin varukorgen, är där DIY-implementeringar blir instabila.
Accelererad checkout-gotchan
Här är felläget som kostar verkliga pengar, och det är samma fälla som drabbas av all webbutiksspecifik rabattlogik. Accelererade checkouts som Shop Pay, Apple Pay och Google Pay låter köparen hoppa över varukorgsidan helt och helt gå direkt till checkout. Ditt temajavascript körs inte på den vägen. Så en köpare som trycker på Shop Pay-knappen utlöser aldrig ditt add-the-gift-skript, och hela kampanjen sker tyst inte för dem.
Detta är varför prissidan av en gåva-vid-köp tillhör en Shopify Function (som körs server-sida på varje checkout-väg) även när add-sidan måste bo i temat. Behåll rabatten server-sida och den tillämpar identiskt oavsett om köparen gick genom varukorgsidan eller en accelererad checkout. Lägg rabattlogiken i tema-javascript och du får en summa i varukorgen och en annan vid checkout för dina snabbast konverterande köpare.
BILDPLACERINGSHÅLLARE (Bild 2): Där Ajax-skriptet gör och gör inte kör
Föreslagen visuell: En 16:9 delad illustration. Vänster panel märkt "Vanlig checkout" visar en varukorgsida med en grön "gift script runs" märka och gåvan tillagd på 0,00 kr. Höger panel märkt "Shop Pay / Apple Pay" visar en snabb checkout-knapp som förbigår varukorgsidan med en röd "theme JS never runs" märka och ingen gåva. En undertextremsa nedan läser "Webbutiksekskript hoppar över accelererad checkout. Behåll prissättningen server-sida." Märkesfärger violett och guld, platt vektorstil, ingen fotografi.
Vad ska du leta efter i en gratis-gåva-app?
Om DIY låter som mer underhåll än du vill är en app det vanliga svaret. Inte alla gåva-vid-köp-appar är byggda på samma sätt dock. Här är vad som faktiskt spelar roll.
Auto-lägg till och auto-ta bort, båda
Att lägga till gåvan är något som är absolut nödvändigt. Det verkliga testet är om appen tar bort gåvan automatiskt när varukorgen sjunker under tröskelvärdet. Utan automatisk borttagning får du varukorgar som behåller en gratis gåva de inte längre är kvalificerade för, eller gåvor som tyst återgår till fullt pris och överraskar kunden. Insistera på båda riktningar.
Server-sida prissättning så varukorgen och checkout stämmer överens
Fråga hur gåvan får priset 0 kr. Om svaret är "vårt skript ställer in priset på varukorgsidan," har du accelererad-checkout-problemet inbakat. Det tillförlitliga mönstret prisar gåvan med en Shopify Function så att 0 kr hålls på varukorgsidan, checkout-sidan och Shop Pay-likaväl. Tillägget kan ske i temat; rabatten bör inte.
Det fungerar med dina andra erbjudanden
En gåva-vid-köp körs sällan ensam. Du har antagligen också en försäljning, en volymtier eller gratis frakt live på samma gång. Kontrollera att gåva-erbjudandet kombineras rent med dina andra rabatter under Shopifys verkliga staplings-regler, snarare än att blockera dem eller blockeras. (Om rabatt-staplings är nytt för dig, vår guide på hur rabatt-staplis fungerar i Shopify går igenom de tre rabattklasserna och vad som kombineras med vad.)
Det skriver inte om din katalog
Vissa appar ändrar produktpriser för att simulera en rabatt. Det är bräckligt och lämnar ett röra om du avinstallerar. Det rena tillvagagångssättet är en checkout-tidsanpassning som aldrig rör dina verkliga produktpriser, så att ta bort appen lämnar din katalog exakt som den var.
Vad kan du leverera tillförlitligt idag: varukorgsförlopps-baren för köpmål
Här är den ärliga uppdelningen. Auto-lägg-till-och-ta-bort-delen av gåva-vid-köp är verkligt svår, eftersom den beror på varukorgs-manipulering på webbutiken som Shopifys server-sida-verktyg inte kan göra. Men den delen som driver mest av konverteringshöjningen, visa köpare hur nära de är belöningen, är helt löst idag, och Stackable levererar det nu.
Ett köpmål är en order-nivå-rabatt som betalar sig när varukorgen passerar en tröskelvärde du ställer in: köp för 75 dollar och få 10 % rabatt, eller köp för 100 dollar och få 15 dollar rabatt. Stackables köpmål-funktion är byggd och live, och den kommer med en live varukorgs förloppsbar som läser den verkliga varukorgsumman och räknar ner när köparen lägger till föremål, utan sidladdning. "Du är 12 dollar bort från din belöning" är den enskilt mest effektiva stickan i en tröskeldkampanj, och det gör samma psykologiska arbete oavsett om belöningen är pengar av eller en gratis gåva.
Eftersom köpmålet beräknas av en Shopify Function, är belöningen en köpare ser på varukorgsidan exakt vad checkout debiterar, inklusive genom Shop Pay. Det finns ingen varukorgs-kontra-checkout-drift att jaga. Och ett köpmål staplas som en order-klasslagring, så det kombineras rent med en produktrabatt eller gratis frakt på samma beställning.
För att vara tydlig om vad som är och inte är tillgängligt just nu: Stackables auto-lägg-till-gratis-gåva funktion, där gåvaprodukten själv visas och försvinner automatiskt vid en gräns, ligger på vägkartan och kommer snart, inte något du kan slå på idag. Sidan gratis-gåva-funktion beskriver exakt hur det fungerar när det levereras. Det du kan köra idag är köpmål-belöningen med den live förloppsbar, som är den tillförlitliga, checkout-säkra hälften av mönstret.
BILDPLACERINGSHÅLLARE (Bild 3): Varukorgs förloppsbar räknar ner till belöningen
Föreslagen visuell: En 16:9 webbutiksvarukorgs-lådfaktura. En förloppsbar nära toppen är ungefär 80 procent fylld i violett, med etiketten "Du är 12 dollar bort från din belöning." Nedan den, två varukorgsradobjekt med priser. En guld belöning-chip vid slutet av förloppsbar läser "10 % rabatt." Rent modernt e-handelsformat, temaopartisk, märkesfärg violett och guld, ingen fotografi. Se screenshot-manifest.md plats spend-goal-step-3 för att fånga den verkliga widgeten senare.
Utarbetat exempel: en gåva som auto-lägger till på 75 dollar och auto-ta bort under den
Låt oss gå igenom hur en verklig auto-lägg-till-gåva-vid-köp beter sig, så du vet exakt vad "gjort rätt" ser ut som, och hur köpmåls-förloppsbar stöder det idag.
Ett modehus vill att varje beställning över 75 dollar ska inkludera en gratis bomullspåse, tillagd automatiskt. En köpare bygger denna varukorgen:
- 1 stickad tröja på 58 dollar
- 1 mössa på 22 dollar
- Delsumma: 80 dollar
Butiken kör en gåva-vid-köp inställd för att utlösa på en 75 dollar varukorgs-undersumma, med påsen som gåvan.
De två sakerna som gör detta känslas ansträngningslöst är de två sakerna inbyggd Buy X Get Y inte kan göra på egen hand: påsen lägger till sig själv omedelbar när varukorgen träffar 75 dollar, och den tar bort sig själv omedelbar när varukorgen sjunker under 75 dollar. Kunden jagar aldrig gåvan och får aldrig debiterad för en de inte längre är kvalificerade för.
Idag är förloppsbar-hälften av den upplevelsen ("Du är 17 dollar bort" stickan, beräknad server-sida så den matchar checkout) vad Stackables köpmål levererar, ihopkopplad med en pengarbesparing-belöning. Den automatiska lägg-till-och-ta-bort av själva gåvaprodukten är den kommande gratis-gåva-funktion. Formulerad ärligt: du kan köra nedräkningen och belöningen nu, och den auto-lägg-till gåva-produkt är på vägen.
Kör tröskelvärdes-belöningar tillförlitligt med Stackable
Om du vill att tröskelvärdes-belönings-mekaniken ska vara tillförlitlig snarare än ett tema-skript du babysitter, det är vad Stackable är byggt för, inom Shopifys verkliga regler.
- Köpmål med en live varukorgs förloppsbar som räknar ned till belöningen när köparen lägger till föremål, utan sidladdning.
- Belöningen beräknas av en Shopify Function, så varukorgsidan, checkout-sidan och Shop Pay visar alla samma summa. Det finns ingen tema-kontra-checkout drift.
- Köpmål staplas som ett order-klasslagring, så de kombineras rent med dina produktrabatter och gratis frakt under Shopifys kombinationsregler.
- Stackable skriver aldrig om dina produktpriser. Belöningar är endast checkout-justeringar, så att ta bort appen lämnar din katalog orört.
- Funktionen auto-lägg-till-gratis-gåva ligger på vägkartan och är ärligt flaggad som kommande snart, så du alltid vet vad som är live och vad som är planerat.
Installera Stackable gratis och visa dina kunder en nedräkning till belöningen redan idag, på usestackable.com/pricing. 🎁
Slutsatsen
- Shopifys inbyggda Buy X Get Y lägger inte automatiskt till gåvan. Den kan prisa en gåva till 0 kr och kan utlösas av ett köpbelopp, men kunden måste själv lägga till gåvaprodukten.
- Det manuella tillägget är där kampanjen läcker. De flesta köpare märker aldrig eller bryr sig, så det incitament du betalar för återlöses aldrig.
- Server-sida funktioner kan inte lägga till en produkt i varukorgen. Rabattfunktioner prisar bara befintliga rader, och Cart Transform expanderar bara, slår samman eller uppdaterar rader som redan finns.
- DIY-vägen är ett tema-skript på Ajax Cart API som lägger till och tar bort gåvan, ihopkopplat med en rabatt som prisar den. Det fungerar men är tema-kopplat, edge-case-tungt och hoppas över av accelererade checkouts.
- I en app, insistera på automatisk lägg-till och automatisk ta-bort, server-sida prissättning så varukorgen och checkout stämmer överens, rent stackning med dina andra erbjudanden och ingen omskrivning av katalogpriser.
- Vad du kan leverera tillförlitligt idag är en köpmål-belöning med en live varukorgs förloppsbar. Stackable levererar det nu, beräknad server-sida så det matchar checkout, medan den auto-lägg-till-gratis-gåva-funktionen ärligt är flaggad som kommande snart.
Relaterade artiklar
- Köpmål och order-rabatter: belöna hela beställningen på ett varukorgs-värde tröskelvärde, med en live förloppsbar som matchar checkout. Byggd och live idag.
- Auto-lägg till en gratis gåva vid köp: hur den automatiska lägg-till-och-ta-bort gåva-funktionen kommer att fungera. Kommer snart.
- Gratis frakt-erbjudanden: lägg till gratis frakt som en frakt-klasslagring-tröskelvärdes-belöning som staplas med dina andra erbjudanden.
- Rabatt-stackning, gjort rätt: hur de tre per-klasskombiners-växlar besluta vad din tröskelvärdes-belöning kan lagra med.
- Hur rabatt-staplis fungerar i Shopify: de tre rabattklasserna och varför inbyggd bara tillämpar den högsta.
- Shopifys 100-produkt-gräns på Buy X Get Y: en annan inbyggd Buy X Get Y-tak och hur man kör stora-katalog-erbjudanden omkring den.
- Stackable prissättning: planer, det fria lager och vad varje inkluderar.
