Jdi na obsah Jdi na menu


Nastavení dopravy u Zásilkovny a GLS-ParcelShop

20. 12. 2021

V několika krocích si ukážeme, jak si nastavit dopravu u Zásilkovny a ParcelShops v programu eShop.

1. V administraci přejděte do eShop - Objednávky - Doprava a platby.

sni--mek-obrazovky-2021-12-15-v--15.00.55.png

 

2. V poli pro dopravu klikněte na odkaz Přidat způsob dopravy.

 

sni--mek-obrazovky-2021-12-15-v--15.08.35.png

3. Objeví se okno pro vyplnění Nový způsob dopravy objednávky. Do pole Název napište Zásilkovna nebo GLS-ParcelShop a do pole Cena Vámi zvolenou cenu za službu. Potvrďte tlačítkem Vytvořit.

sni--mek-obrazovky-2021-12-15-v--15.13.43.png

Po vytvoření bude okno s dopravou vypadat takto:

sni--mek-obrazovky-2021-12-15-v--15.19.18.png

4. V tomto kroku si vložte script pro zobrazení dopravy. Klikem na ikonku tužky (Nastavení). 

sni--mek-obrazovky-2021-12-15-v--15.58.41.png

Otevře se nové okno Detail dopravy kde nastavíte potřebné informace. Důležitá položka pro vložení scriptu bude položka Popis.

sni--mek-obrazovky-2021-12-15-v--16.08.29.png

Do položky Popis vložte script určený pro Zásilkovnu.

Script Zásilkovna 

<script> 
    var packetaSelectorOpen = '#trans-5';
    var packetaSelectorBranchName = '.packeta-selector-branch-name';
    var packetaSelectorBranchId = '.packeta-selector-branch-id';
    var packetaCountry = 'cz';
    var packetaWidgetLanguage = 'cs';
    var packetaPrimaryButtonColor = '#39b54a';
    var packetaBackgroundColor = '#ffffff';
    var packetaFontColor = '#555555';
    var packetaFontFamily = 'Arial';
</script>

<script src="https://widget.packeta.com/www/js/packetaWidget.js" data-api-key=""></script>
<input type="hidden" name="packeta-name" class="packeta-selector-branch-name" />
<input type="hidden" name="packeta-id" class="packeta-selector-branch-id" />
<div class="packeta-selector-branch-name"></div>
 
5. Úprava Scriptu pro Zásilkovnu

   5.1 Upravte první řádek var packetaSelectorOpen = '#trans-5';. Zde si přepište pouze číslo 5 a to podle toho, jaké číslo se Vám zobrazi v prohližeči na konci url v Detailu dopravy v našem případě je to číslo 5.sni--mek-obrazovky-2021-12-15-v--16.14.05.png

   5.2 Ve scriptu <script src="https://widget.packeta.com/www/js/packetaWidget.js" data-api-key=""></script>  vyplňte data-api-key=" " mezi uvozovky vložte api key, které jste získali od Zásilkovny.

sni--mek-obrazovky-2021-12-20-v--13.31.56.png

  5.3 Uložte kliknutím na tlačítko Uložit.

Do Poznámky bude AUTOMATICKY vloženo odběrné místo ZÁSILKOVNY, kam chcete zásilku zaslat. 

 

Script GLS-ParcelShop​ 

Postup vložení scriptu bude stejný jako v prvním případě (Zásilkovna) a i tady bude potřeba script trochu upravit.

sni--mek-obrazovky-2021-12-20-v--13.58.06.png

Kód pro vložení:

Do POZNÁMKY bude AUTOMATICKY vloženo odběrné místo GLS-ParcelShop, kam chcete zásilku zaslat. 
<script>
document.getElementById("trans-1").addEventListener('click' , function (event) {

document.getElementById("glsMap").style.display = "block";
});
window.addEventListener('message' , function (event) {
var ps = event.data.parcelshop;
document.getElementById("gls_name").innerHTML = ps.detail.name;
document.getElementById("gls_input_name").value = ps.detail.name;
document.getElementById("gls_street").innerHTML = ps.detail.address;
document.getElementById("gls_input_street").value = ps.detail.address;
document.getElementById("gls_country").innerHTML = ps.detail.ctrcode;
document.getElementById("gls_input_country").value = ps.detail.ctrcode;
document.getElementById("gls_id").value = ps.detail.pclshopid;
document.getElementById("gls_city").innerHTML = ps.detail.zipcode + ", " + ps.detail.city;
document.getElementById("gls_input_city").value = ps.detail.city;
document.getElementById("gls_input_zip").value = ps.detail.zipcode ;
});
</script>
<iframe src=https://ps-maps.gls-czech.cz?find=1 width="100%" height="450" style="display:none;" id="glsMap"></iframe>
<div>
<div id="gls_name"></div>
<address>
<div id="gls_street"></div>
<div id="gls_city"></div>
<div id="gls_country"></div>
</addres>
<input type="hidden" name="gls_id" id="gls_id" />
<input type="hidden" name="gls_name" id="gls_input_name" />
<input type="hidden" name="gls_street" id="gls_input_street" />
<input type="hidden" name="gls_country" id="gls_input_country" />
<input type="hidden" name="gls_city" id="gls_input_city" />
<input type="hidden" name="gls_zip" id="gls_input_zip" />
</div>
 
1. Hned v prvním řádku scriptu upravte ID
document.getElementById("trans-1").addEventListener('click' , function (event)
kde přepište číslo 1 podle toho jaké číslo se nám zobrazi v prohlížeči na konci url v Detailu dopravy. V našem vzorovém případě je to číslo 6.​ 
 
Kód bude vypadat takhle: document.getElementById("trans-6").addEventListener('click' , function (event)
sni--mek-obrazovky-2021-12-15-v--16.43.00.png
 
2. Uložte kliknutím na tlačítko Uložit.
 
Nyní vyzkoušejte, zda je funkční doprava u Zásilkovny či GLS-ParcelShopu vytvořením nové testovací objednávky.
 
Do Poznámky bude AUTOMATICKY vloženo odběrné místo GLS-ParcelShop, kam chcete zásilku zaslat.