Sameday easybox csomagautomaták hozzáadása a Shopify fizetéshez: hová kerüljön a csomagautomata-térkép

Azt szeretnéd, hogy a vásárló a fizetésnél megnyisson egy térképet, megtalálja a legközelebbi Sameday easybox csomagautomatát, és egyetlen kattintással kiválassza. WooCommerce-en ez szinte magától értetődő. Shopify-on viszont más a helyzet: a fizetési oldal sokkal jobban le van zárva, és ha egyszerűen megpróbálnál térképkódot beleinjektálni, falba ütközöl.

A jó hír, hogy megoldható — de az a Shopify csomagodtól, és mindenekelőtt attól függ, hová helyezed a térképet. Ebben az útmutatóban megmutatom a három valós lehetőséget, azt, hogyan működik valójában a Sameday csomagautomata-térképe, és azt a részt, amit sokan elfelejtenek: hogyan biztosítsd, hogy a vásárló által kiválasztott automata valóban rákerüljön a szállítási fuvarlevélre. Semmiféle „tökéletes plug and play" ígéret.

Miért nem viselkedik a Shopify fizetés úgy, mint a WooCommerce

Ez a lényeg. A régi checkout.liquid fájl, ahová bármilyen kódot betehettél, megszűnt. A sztenderd Shopify csomagokon a natív fizetési oldal gyakorlatilag lezárt: nem tudsz szabadon JavaScriptet vagy térképet beleinjektálni.

Az egyetlen mód arra, hogy valódi komponenseket helyezz magára a fizetési oldalra, a Checkout UI Extensions — ezek viszont kizárólag Shopify Plus előfizetésen érhetők el. A Thank You és az Order Status oldal minden csomagon fogad bővítményeket, de akkor már túl késő: a vásárló fizetett, és nem tud már szállítási módot választani.

A gyakorlati tanulság: a legtöbb bolt esetében, amely nincs Plus-on, a csomagautomata-térkép NEM a natív fizetési oldalon él. Előtte él, vagy egy dedikált alkalmazáson keresztül.

A három valós hely a térkép számára

Három megközelítés van, amely valóban működik éles környezetben:

• A kosár- vagy termékoldalon (a leggyakoribb): egy térkép-widget, ahol a vásárló még a fizetés megkezdése előtt kiválasztja az easyboxát. Bármelyik Shopify csomagon működik.
• A fizetési oldalon belül, de csak Shopify Plus-on: egy Checkout UI Extension, amely egy „Válassz easyboxot" gombot mutat, és egy felugró ablakban nyitja meg a térképet.
• Egy App Store-alkalmazáson keresztül, amely az easyboxot átvételi pontként adja hozzá, a Shopify natív átvételipont-mechanizmusát használva.

Egy olyan bolt esetében, amely nincs Plus-on, az őszinte ajánlás a kosaras megközelítés: a vásárló kiválasztja az automatát, te pedig addig blokkolod a továbblépést a fizetéshez, amíg nem történik választás. Ez a legrobusztusabb megoldás, és a legolcsóbb fenntartani.

Hogyan néz ki a Sameday térkép, és honnan jönnek az automaták

A Sameday egyszerre kínál egy csomagautomata-widgetet/plugint interaktív térképpel, és az API-jukat (ugyanazt, amivel a fuvarleveleket is generálják). Két út áll rendelkezésedre: használd a kész widgetjüket, vagy építsd meg a saját térképedet.

Ha az egyedi utat választod, a lépések a következők:

• Hitelesíts egy tokennel: szerezd meg az API-hitelesítő adataidat a futárszolgálati fiókodból, és igényelj egy tokent.
• Kérd le az easybox automaták listáját a geolokációs végpontról. Minden automata egy id-vel, névvel, címmel, várossal és koordinátákkal érkezik.
• Helyezd el a pontokat egy térképen (Leaflet vagy Google Maps), vagy bízd ezt a Sameday widgetjére.

Két fontos részlet: ügyelj rá, hogy az újgenerációs (újabb) automatákat is lekérd, és cache-eld a listát — ritkán változik, így nincs értelme minden oldalbetöltéskor lekérni.

A rész, amit sokan elfelejtenek: az automata rákerül a fuvarlevélre

A térkép csak a munka fele. Ha a vásárló által kiválasztott automata sosem jut el a futárhoz, csinos, de haszontalan widgetet építettél.

A mechanizmus Shopify-on:

• Amikor a vásárló kiválaszt egy automatát, elmented annak id-jét, nevét és címét.
• A kosároldalon kosárattribútumként tárolod ezeket a /cart/update.js hívással (például easybox_id, easybox_name), vagy tételszintű tulajdonságként.
• Így megjelennek a rendelésen, és látod őket az adminban, minden rendelésnél.
• Szállításkor a Sameday fuvarlevél-generálás az automata kódját küldi el átvételi pontként, az easybox szolgáltatáson.

A romániai futár-konnektorok — Innoship, EasySales, ShippyPro és mások — automatikusan olvassák ezt az attribútumot, és létrehozzák a fuvarlevelet. E lépés nélkül a kiválasztott automata sima szövegként marad a rendelésen, és semmit nem jelent a futár számára.

Kész alkalmazás vs. egyedi megoldás

Nincs egyetlen helyes válasz — a bolttól függ.

• App Store-alkalmazás: gyorsan elindulsz, havi előfizetést fizetsz, de kevesebb kontrollod van a térkép megjelenése felett, és egy szolgáltatóhoz vagy kötve.
• Egyedi megoldás (widget + API): teljes kontroll, tökéletesen beépítve a márkádba, de fejlesztést és karbantartást igényel (tokenek, API-frissítések, automaták szinkronizálása).

Sok bolt számára a nyerő kombináció egyszerű: egy romániai futáralkalmazás (Innoship vagy EasySales) a fuvarlevelekhez, plusz egy csomagautomata-widget a kosároldalon. Légy szkeptikus minden „öt perc alatt telepíthető és tökéletesen működik" ígérettel szemben — mindig tesztelj valódi rendelésekkel, mielőtt ráengeded a vásárlókat.

Az MPO Web Studiónál pontosan az ilyen integrációkat végezzük, távolról, boltok számára országszerte. Készíthetünk egy ingyenes demót a saját folyamatodon, hogy lásd a térképet működés közben, mielőtt bármit eldöntenél. Egy WhatsApp-üzenet, és beállítjuk.