Cadeaus die passen in jouw stack, en er verder afblijven
Ook een eigen winkelwagenlade heeft cadeau-opties nodig. Geef een element een klassenaam, en het Gift Block verschijnt daar, de rest blijft zoals het is.
Het thema blijft zoals jij het opleverde
Zelf gebouwd, of onherkenbaar aangepast? Gift Blocks zijn thema-appblokken die met de app-embed laden, dus cadeaus komen erbij zonder themacode die jij moet onderhouden.
- Geen snippet om te onderhouden. De themabestanden blijven zoals opgeleverd. Refactor gerust: er zit geen cadeausnippet in verweven.
- Thema-updates wanneer het jou uitkomt. Gift Blocks koppelen zich na thema-updates opnieuw, dus de volgende release heeft geen cadeauchecklist nodig. Release op vrijdag, als het moet.
- App-blokken waar je secties ze toelaten. Op de productpagina en de winkelwagenpagina plaats je Gift Blocks zoals elk ander app-blok. Laat een sectie er geen toe, dan plaatst Wrapped het blok zelf.
Je eigen winkelwagenlade, met een Gift Block erin
De lade zelf gebouwd? Elk Gift Block in de webwinkel heeft daarvoor drie vaste aanknopingspunten. De meeste winkels hebben ze nooit nodig: zonder plaatst Wrapped elk blok zelf.
- Een klassenaam die jij kiest. Het Gift Block verschijnt in het element met die klasse: bij elke orderregel, boven de checkoutknop, waar het ontwerp het wil. Mobiele en desktopmarkup kunnen hem allebei dragen.
- Een JavaScript-event dat jij een naam geeft. Verstuurd op
documentendocument.documentElementwanneer een klant cadeau-opties opslaat of verwijdert. Er gaat geen winkelwagendata mee, dus je listener haalt de winkelwagen op en tekent de lade op jouw manier opnieuw. - Een UUID voor je CSS. Elk blok heeft hem in zijn
uuid-attribuut, dus het Gift Block in de lade kan compact zijn terwijl dat op de winkelwagenpagina zijn ruimte houdt.
Gift Blocks werken in
- De eigen lade van het thema. Voor je geplaatst.
- De populairste winkelwagenlade-apps op Shopify. Opnieuw opgebouwd als de lade later laadt.
- Een lade die je zelf bouwde. Geplaatst via de klassenaam die jij kiest.
Shopify's eigen onderdelen in de winkelwagen en checkout
Ken je Shopify, dan weet je al hoe cadeaus werken. Elke cadeauoptie is een echt Shopify-product, met een eigen prijs, voorraad en afbeelding, en winkelwagen en checkout draaien op Shopify's eigen extensiepunten.
- Een cart transform voor bundels. Gebundeld zit het cadeau in de orderregel van het product, via een Shopify cart transform-functie. Gespecificeerd is het een eigen orderregel. Hoe dan ook toont de bestelling elke regel om te picken.
- Een kortingsfunctie voor cadeaukortingen. Kortingen op cadeauproducten gelden automatisch, staan met de rest onder Shopify-kortingen en combineren met product-, bestel- en verzendkortingen. Niemand hoeft een code in te voeren.
- In de checkout, op Shopify Plus. Het checkout-Gift Block is een checkout UI extension, geplaatst in Shopify's checkout-editor en opgemaakt volgens je checkoutbranding. Pas je de checkout aan, dan volgt het blok.
Cadeaudata waar je pipeline al kijkt
Je ERP-sync en je 3PL-import lezen al Shopify-bestellingen. Cadeaus komen op diezelfde plekken binnen, dus er is geen nieuwe feed om aan te sluiten, en niemand typt een cadeaubericht over in het magazijnsysteem.
- Regelitemeigenschappen en bestelkenmerken. Cadeauoptie, Voor, Van en bericht, op de cadeauregel met Geschenken voor producten en op de bestelling met Geschenken voor bestellingen.
- De sleutels die je mapping verwacht. Kenmerknamen kunnen overeenkomen met je import, en een underscore vooraan verbergt er een voor klanten terwijl hij op de bestelling blijft.
- Een overzicht dat je parser kan vinden. Een cadeauoverzicht komt in de bestelnotitie, uit een Liquid-template, tussen twee regels — Wrapped Gifting Attributes —. De rest van de notitie blijft staan.
- Een tag die goed samengaat met andere. De tag is 🎁 Wrapped of je eigen tag, en hij wordt samengevoegd met de tags die al op de bestelling staan.
Draag een klantwinkel over zonder iets uit te leggen
De volgende ontwikkelaar erft een thema zonder cadeaucode van ons erin, en het team van de klant beheert cadeaus vanuit het Shopify-beheercentrum, met de look die jij instelde.
- Klaar op een stagingthema. Stel cadeaus in op een stagingthema, en ze zijn klaar op de dag dat dat thema live gaat.
- Het team van de klant beheert het. Hoe het blok eruitziet en wat erop staat, regel je in de Cadeau-editor, dus “Maak er een cadeau van” veranderen in “Pak het in voor de feestdagen” is hun keuze, niet jouw ticket.
- Een overdrachtsnotitie zo groot als een geeltje. Plaatste je een blok via een klassenaam, noem dan het element waar die naar verwijst, want die markup is van jou. Al het andere staat in het Shopify-beheercentrum.
Wat ontwikkelaars eerst vragen
Maakt de volgende thema-update de cadeaus kapot?
Nee. Gift Blocks zijn thema-appblokken die met de app-embed laden, de themabestanden blijven zoals opgeleverd, en de blokken koppelen zich na thema-updates opnieuw. Het enige wat je meeneemt is markup die je zelf toevoegde: een element waar een klassenaam naar verwijst, moet ook in de nieuwe versie staan.
Kan een Gift Block in een winkelwagenlade die ik zelf bouwde?
Ja. Geef een element in de lade een klassenaam die jij kiest, en het Gift Block verschijnt erin. Met Geschenken voor producten zet je het element in de loop over de orderregels, zodat elk artikel een eigen blok krijgt. Aparte mobiele en desktopmarkup kunnen allebei de klassenaam dragen.
Bevat het JavaScript-event winkelwagendata?
Nee. Wrapped verstuurt het event dat jij een naam geeft op document en op document.documentElement wanneer een klant cadeau-opties opslaat of verwijdert, en dat is alles. Je listener haalt de winkelwagen op en draait je eigen code, bijvoorbeeld om een eigen lade opnieuw te tekenen zonder de pagina te herladen.
Op welke delen van een Gift Block kan mijn code vertrouwen?
Drie: de klassenaam die jij kiest, het event dat jij een naam geeft, en de UUID in het uuid-attribuut van het blok. De markup binnen een Gift Block hoort daar niet bij, dus bouw op die drie en laat de look aan de Cadeau-editor over.
Wat krijgt een ERP- of 3PL-import van een cadeaubestelling?
Gewone Shopify-bestelgegevens. Cadeauoptie, Voor, Van en bericht zijn regelitemeigenschappen met Geschenken voor producten en bestelkenmerken met Geschenken voor bestellingen, en hun namen kunnen overeenkomen met je import. Een cadeauoverzicht komt in de bestelnotitie uit een Liquid-template, tussen twee regels — Wrapped Gifting Attributes —, en de tag 🎁 Wrapped, of je eigen tag, wordt samengevoegd met de tags van de bestelling. De eigenschappen en kenmerken staan er zodra de bestelling is aangemaakt. Het overzicht in de notitie en de tag volgen binnen een minuut of twee.
Kan ik het checkout-Gift Block opmaken?
Via je checkoutbranding. Op Shopify Plus is het checkout-Gift Block een checkout UI extension, geplaatst in Shopify's checkout-editor en opgemaakt volgens de checkoutbranding die je al instelde, bij elk artikel of één keer voor de bestelling.
Gift Blocks die in je stack passen en er verder afblijven
Begin met 7 dagen gratis proberen.
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …