Sprievodca
Zásilkovňa widget — ako ho integrovať na Shoptet, WooCommerce a vlastný eshop
Krok za krokom: integrácia Packeta widgetu (výber Z-Pointu/Z-Boxu) na Shoptet, WooCommerce a vlastný eshop cez JavaScript API.
Zásilkovňa/Packeta je najobľúbenejšia sieť výdajných miest v SR — zákazníci ju poznajú a aktívne ju vyžadujú v checkoutu. Aby výber výdajného miesta fungoval správne, zákazník musí mať možnosť vybrať konkrétny Z-Point alebo Z-Box zo zobrazenej mapy — na to slúži Packeta Widget.
1. Čo je Packeta Widget a prečo ho musíš mať
Widget je JavaScript komponenta, ktorá sa otvorí ako modálne okno v checkoutu. Zákazník klikne na “Zásilkovňa”, mapa sa zobrazí, vyberie najbližší Z-Point alebo Z-Box a potvrdí. Widget vráti ID vybranej pobočky — ktoré potom odovzdáš Packeta API pri vytváraní zásielky.
Bez widgetu zákazník vyberie “Zásilkovňa” ako metódu, ale nevyberie konkrétnu pobočku. Výsledok: zásielka leží na zlej pobočke alebo sa vráti odosielateľovi.
2. Shoptet — integrácia za 5 minút
- V administrácii Shoptetu choď do Doplnkové moduly → App Store.
- Vyhľadaj “Packeta” a klikni Nainštalovať (zadarmo).
- V nastavení pluginu vlož svoj API kľúč z client.packeta.com.
- Plugin automaticky pridá Zásilkovňu ako metódu dopravy a zapojí widget do checkoutu.
3. WooCommerce — plugin WooCommerce Zásilkovna
- V administrácii WordPressu choď do Pluginy → Pridať nový a vyhľadaj WooCommerce Zásilkovna.
- Nainštaluj a aktivuj plugin.
- V nastavení vlož API kľúč a nastav krajinu na SK.
- Widget sa automaticky zobrazí v checkoutu po výbere metódy Zásilkovňa.
4. Vlastný eshop — Widget API 6
<script src="https://widget.packeta.com/v6/www/js/library.js"></script>
Packeta.Widget.pick(
'TVOJ_API_KĽÚČ',
{
country: 'sk', // 'sk' pre slovenské pobočky
language: 'sk',
vendors: [{ picked: 'packeta' }],
},
function callback(point) {
if (point) {
selectedPointId = point.id;
selectedPointName = point.name;
}
}
);
5. Najčastejšie chyby
| Chyba | Príčina | Riešenie |
|---|---|---|
| Widget sa neotvorí | Chybný API kľúč | Over kľúč v client.packeta.com → Nastavenia |
| Zobrazujú sa české pobočky | Chýba country: ‘sk’ | Pridaj country filter podľa adresy zákazníka |
| Zásielka ide na zlú pobočku | ID pobočky sa neodovzdáva pri vytváraní zásielky | Over, že addressId v API volaní = point.id z callbacku |
6. Testovanie widgetu
Použi testovací API kľúč 0000000000000000 (16× nula) — widget sa otvorí v demo móde bez reálnych dát. Pre overenie celého flow použi produkčný kľúč a vytvor testovaciu zásielku, ktorú môžeš zmazať v client.packeta.com.
Rýchly prehľad faktov
Zásilkovňa widget — ako ho integrovať na Shoptet, WooCommerce a vlastný eshop
schedule Aktualizované
Súhrn
Packeta (Zásilkovňa) Widget API 6 je JavaScriptová komponenta zobrazujúca mapu Z-Pointov a Z-Boxov priamo v e-shopovom checkoutu. Bez nej zákazník nemôže vybrať konkrétne výdajné miesto. Na Shoptete: App Store → plugin Packeta (zadarmo). Na WooCommerce: plugin "WooCommerce Zásilkovna" z wordpress.org. Na vlastnom eshope: CDN skript + Packeta.Widget.pick() volanie po výbere dopravy Zásilkovňa.
- Widget API verzia
- 6 (aktuálna, odporúčaná)
- CDN skript
- https://widget.packeta.com/v6/www/js/library.js
- Shoptet plugin
- App Store → Packeta (zadarmo)
- WooCommerce plugin
- "WooCommerce Zásilkovna" na wordpress.org — zadarmo
- API kľúč
- Povinný — získaš v klientskej sekcii na client.packeta.com
- Výsledné dáta
- Widget vráti: id pobočky, názov, adresu, GPS
Presnosť dát
Orientačné informácie — over u zdroja
Limity hmotnosti, ceny, dostupnosť krajín a podmienky sa menia v čase. Údaje na tejto stránke sú orientačné — slúžia na výber vhodného dopravcu, nie na záväznú kalkuláciu. Pred odoslaním si vždy over aktuálne podmienky priamo na webe dopravcu.
Naposledy revidované
event
Nahlásiť chybu: Našiel si nepresnosť? Napíš nám — opravíme do 24 h. info@posielanie-balikov.sk
link Zdroje a metodikaPodobné sprievodce