Prezenty pasujące do Twojego stacku, bez ingerencji w niego
Własny panel koszyka też potrzebuje opcji prezentów. Wystarczy nadać elementowi nazwę klasy, a Gift Block pojawi się właśnie tam, bez zmian w reszcie.
Motyw zostaje taki, jak go wdrożono
Motyw zbudowany od zera albo przerobiony nie do poznania? Gift Blocks to bloki aplikacji motywu ładowane z osadzeniem aplikacji, więc prezenty działają bez żadnego kodu w motywie, którym trzeba by się opiekować.
- Żadnego snippetu do utrzymania. Pliki motywu mogą zostać takie, jak je wdrożono. Refaktoryzacja bez obaw: nie ma w nich splątanego snippetu prezentów.
- Aktualizacje motywu we własnym tempie. Gift Blocks wracają na miejsce po aktualizacji motywu, więc kolejne wydanie nie wymaga listy kontrolnej dla prezentów. Nawet w piątek, jeśli trzeba.
- Bloki aplikacji tam, gdzie sekcje je przyjmują. Na stronie produktu i stronie koszyka Gift Blocks dodaje się jak każdy inny blok aplikacji. Gdy sekcja ich nie przyjmuje, Wrapped sam umieszcza blok.
Własny panel koszyka, a w nim Gift Block
Panel zbudowany samodzielnie? Każdy Gift Block w sklepie ma do tego trzy stałe punkty zaczepienia. Większość sklepów ich nie potrzebuje: bez nich Wrapped sam umieszcza każdy blok.
- Wybrana przez Ciebie nazwa klasy. Gift Block pojawia się w elemencie, który ją ma: pod każdą pozycją, nad przyciskiem checkoutu, gdziekolwiek przewiduje projekt. Mogą ją mieć zarówno znaczniki mobilne, jak i desktopowe.
- Nazwane przez Ciebie zdarzenie JavaScript. Wysyłane na
documentidocument.documentElement, gdy klient zapisze lub usunie opcje prezentów. Nie przekazuje danych koszyka, więc listener pobiera koszyk i odświeża panel po swojemu. - UUID dla Twojego CSS. Każdy blok ma go w atrybucie
uuid, więc Gift Block w panelu może być kompaktowy, a ten na stronie koszyka zachować swoje miejsce.
Gift Blocks działają w
- Panelu z motywu. Umieszczane automatycznie.
- Najpopularniejszych aplikacjach panelu koszyka w Shopify. Odbudowywane, gdy panel ładuje się później.
- Panelu zbudowanym samodzielnie. Umieszczane według wybranej nazwy klasy.
Elementy Shopify w koszyku i w checkoucie
Kto zna Shopify, ten już wie, jak działają prezenty. Każda opcja prezentu to prawdziwy produkt Shopify z własną ceną, stanem magazynowym i zdjęciem, a koszyk i checkout działają na punktach rozszerzeń samego Shopify.
- Cart transform dla pakietów. Łącznie: prezent trafia do pozycji swojego produktu przez funkcję cart transform Shopify. Osobno: jest osobną pozycją. Tak czy inaczej zamówienie pokazuje każdą pozycję do skompletowania.
- Funkcja rabatowa dla rabatów na prezenty. Rabaty na produkty prezentowe naliczają się automatycznie, są w Shopify Discounts razem z innymi i łączą się z rabatami na produkty, zamówienia i wysyłkę. Nikt nie wpisuje kodu.
- W checkoucie, na Shopify Plus. Gift Block w checkoucie to rozszerzenie UI checkoutu, umieszczane w edytorze checkoutu Shopify i stylizowane przez branding checkoutu. Nowy wygląd checkoutu oznacza nowy wygląd bloku.
Dane prezentów tam, gdzie zagląda pipeline
Synchronizacja z ERP i import do 3PL już czytają zamówienia Shopify. Prezenty trafiają w te same miejsca, więc nie trzeba podpinać nowego źródła danych i nikt nie przepisuje wiadomości prezentowej do systemu magazynowego.
- Właściwości pozycji i atrybuty zamówienia. Opcja prezentu, Dla, Od i wiadomość: przy pozycji z prezentem w Prezenty za produkty i przy zamówieniu w Prezenty do zamówień.
- Klucze, których oczekuje mapowanie. Nazwy atrybutów mogą odpowiadać importowi, a podkreślnik na początku ukrywa atrybut przed klientami, choć zostaje on w zamówieniu.
- Podsumowanie, które parser znajdzie. Podsumowanie prezentów trafia do notatki do zamówienia z szablonu Liquid, między dwa wiersze — Wrapped Gifting Attributes —. Reszta notatki zostaje bez zmian.
- Tag, który dogaduje się z innymi. Tag to 🎁 Wrapped lub własny i łączy się z tagami, które zamówienie już ma.
Przekazanie sklepu klienta bez dodatkowych wyjaśnień
Kolejny deweloper dostaje motyw bez naszego kodu prezentów, a zespół klienta prowadzi prezenty z panelu administracyjnego Shopify, z ustawionym przez Ciebie wyglądem.
- Gotowe na motywie testowym. Prezenty skonfigurowane na motywie testowym są gotowe w dniu jego publikacji.
- Zespół klienta sam tym zarządza. Wygląd i treść bloku ustawia się w Edytorze prezentów, więc zmiana „Zapakuj na prezent” na „Zapakuj na święta” to ich decyzja, a nie Twoje zgłoszenie.
- Notatka przekazania wielkości karteczki. Jeśli blok umieszczono według nazwy klasy, wystarczy wskazać element, na który wskazuje, bo te znaczniki są Twoje. Cała reszta jest w panelu administracyjnym Shopify.
Pytania, które zadają deweloperzy
Czy kolejna aktualizacja motywu zepsuje prezenty?
Nie. Gift Blocks to bloki aplikacji motywu ładowane z osadzeniem aplikacji, pliki motywu mogą zostać takie, jak je wdrożono, a bloki wracają na miejsce po aktualizacji motywu. Przenieść trzeba tylko samodzielnie dodane znaczniki: element, na który wskazuje nazwa klasy, musi być też w nowej wersji.
Czy Gift Block może działać w samodzielnie zbudowanym panelu koszyka?
Tak. Wystarczy nadać elementowi w panelu wybraną nazwę klasy, a Gift Block pojawi się w nim. W Prezenty za produkty element powinien być w pętli pozycji, żeby każda pozycja dostała własny blok. Osobne znaczniki mobilne i desktopowe mogą mieć tę samą nazwę klasy.
Czy zdarzenie JavaScript przekazuje dane koszyka?
Nie. Wrapped wysyła nazwane przez Ciebie zdarzenie na document i document.documentElement, gdy klient zapisze lub usunie opcje prezentów, i nic więcej. Listener pobiera koszyk i uruchamia Twój kod, na przykład żeby odświeżyć własny panel bez przeładowania strony.
Na których częściach Gift Block może polegać mój kod?
Na trzech: wybranej nazwie klasy, nazwanym zdarzeniu i UUID w atrybucie uuid bloku. Znaczniki wewnątrz Gift Block do nich nie należą, więc warto budować na tych trzech, a wygląd zostawić Edytorowi prezentów.
Co dostaje import do ERP lub 3PL z zamówienia z prezentem?
Zwykłe dane zamówienia Shopify. Opcja prezentu, Dla, Od i wiadomość to właściwości pozycji w Prezenty za produkty i atrybuty zamówienia w Prezenty do zamówień, a ich nazwy mogą odpowiadać importowi. Podsumowanie prezentów trafia do notatki do zamówienia z szablonu Liquid, między dwa wiersze — Wrapped Gifting Attributes —, a tag 🎁 Wrapped lub własny łączy się z tagami zamówienia. Właściwości i atrybuty są dostępne od chwili utworzenia zamówienia. Podsumowanie w notatce i tag pojawiają się w ciągu minuty lub dwóch.
Czy można stylizować Gift Block w checkoucie?
Przez branding checkoutu. Na Shopify Plus Gift Block w checkoucie to rozszerzenie UI checkoutu, umieszczane w edytorze checkoutu Shopify i stylizowane przez ustawiony już branding checkoutu, pod każdą pozycją lub raz dla całego zamówienia.
Gift Blocks pasujące do stacku, bez ingerencji w niego
Zacznij od 7 dni za darmo.
… 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. …