Jak rozlišit českou a slovenskou děkovací stránku na Upgates

Chcete na svém e-shopu rozlišit děkovací stránku pro české a slovenské zákazníky, ale nechcete kvůli tomu v Upgates přecházet na vyšší tarif? Máme pro vás dobrou zprávu — i na tarifu Bronze, který obsahuje pouze jednu jazykovou mutaci, to zvládnete! 

Pokud už máte na e-shopu uloženou českou děkovačku a chcete k ní přidat slovenský widget, standardní postup v Upgates ani Děkovačky.cz zatím nestačí. Naštěstí se na to podívali dva šikovní markeťáci – Petra Blachová a Ondra Linka – kteří společně přišli na způsob, jak na e-shopu s jednou jazykovou mutací nastavit více děkovacích stránek.

Rozhodli se o svůj postup podělit i s ostatními, aby i další e-shopy mohly využívat více děkovacích stránek, i když fungují jen v jedné jazykové verzi. Jedním z příkladů, kde toto řešení už úspěšně běží, je kyjovský e-shop inWeek.cz – a to právě na tarifu Bronze. 

Možná se vám bude návod na první pohled zdát trochu složitý, ale když půjdete krok po kroku, určitě to zvládnete.

Nastavení v administraci Upgates

1. Vlastní konverzní kódy

Pokud máte uložený widget děkovačky přímo v sekci Vlastní konverzní kódy, nejprve ho odstraňte a změnu uložte. Je důležité, aby zde nebyl uložen žádný widget děkovačky – ani český, ani slovenský.
Widgety totiž budeme nastavovat přímo v GTM.

2. Doprava pro Česko a Slovensko

Přejděte do sekce:
Nastavení → Objednávky → Doprava

Je třeba rozlišit způsob dopravy pro Česko a Slovensko – omezení pro daný trh:

Díky tomu se zákazníkům v košíku zobrazí rozbalovací nabídka (roletka) pro výběr dopravy podle země. Toto rozlišení je důležité, protože poskytuje parametr, podle kterého pak GTM pozná, odkud zákazník objednává.

3. Základní nastavení zemí

Přejděte do:
Nastavení → Základní → Země

Zde Petra doporučuje ponechat jen země, kam skutečně doručujete.

Má to dvě výhody:

1. Zákazník nemusí v dlouhé roletce hledat svou zemi pro fakturační nebo doručovací údaje.
2. Upgates tím předává do GTM přehlednější parametry, které se dají využít k rozlišení české a slovenské děkovačky.

Nastavení v Google Tag Manageru

1. Nastavení proměnné

Z hlavního přehledového okna GTM je proklikneme do proměnných a vytvoříme novou proměnou, kterou přejmenujeme např. na dlv – country, zvolíme jako typ Proměnnou datové vrstvy a nazveme ji přesně country a uložíme.

2. Pravidla country_change cz a sk

Půjdeme na tvorbu pravidel. Přejdeme tedy na záložku pravidla a vytvoříme si nové pravidlo, které nazveme country_change_sk, jako typ zvolíme vlastní událost a jako název uvedeme country_change. Nastavení spouště zvolíme některé vlastní události, vybereme proměnou {{dlv – country}} je rovno cz. Jako druhou podmínku zvolíme Page Path obsahuje /order-recieved

Ten samý postup provedeme i pro country_change_sk, kde změníme název pravidla
a podmínky dle obrázku níže.

3. Pravidlo DOM ready

Vytvoříme si pravidlo dom ready. Jsme stále na záložce pravidla, přidáme nové
a přejmenujeme na dom ready. V konfiguraci pravidla vybereme Model DOM je připraven
a zvolíme Všechny události Model DOM je připraven.

4. Pravidlo Změna historie

Dalším pravidlem je změna historie. Opět vytvoříme nové pravidlo, které si pojmenujeme jako změna historie, jako typ pravidla vybereme změna historie a všechny změny historie. Následně uložíme.

5. Tvorba štítku Country listener (CZ/SK)

Přecházíme na záložku štítky, kde budeme vytvářet jednotlivé tagy. První si vytvoříme Country listener (CZ/SK). Jako značku zvolíme vlastní HTML a vložíme skript, který naleznete v odkazu: https://gist.github.com/Linkyc89/015496b469883500c889fb7fbcfa3e6b. Jako spouštěče zvolíme DOM ready a změna historie, které už máme vytvořené.

6. Tvorba štítků Popup ThankYou – CZ a SK

Jsme stále v záložce štítky a vytvoříme si pop up. Zvolíme nový a pojmenujeme si štítek jako Popup ThankYou – CZ. Typ značky je opět vlastní HTML a vložím následující skript: https://gist.github.com/Linkyc89/3ec766115f42ef36fa51dd83dbd6cb97. Ve skriptu je třeba nahradit číslo, které je unikátní pro váš e-shop, zde je 206, vaše bude odlišné. Naleznete jej v

pluginu od Děkovačky. Jako spouštěč zvolíme country_change_cz

Stejný postup opakujeme i pro SK pop up, viz obrázek níže, vložíme SK skript https://gist.github.com/Linkyc89/cce75c13a30561de9f68cb331103e36e a upravíme opět číselný identifikátor z pluginu pro SK, viz popis výše, a změníme spouštěč na country_change sk

7. Testování – vložení URL

Scénář je hotov, nyní je třeba ho otestovat kliknutím na Náhled a zadáním URL adresy vašeho e-shopu.

8. Testování – zadání objednávky a volba země

Na e-shopu vytvořte testovací objednávku a vyzkoušejte si postupně v roletce zaslání jak do Česka, tak i na Slovensko.

Pokud jste vše nastavili dle návodu, po dokončení objednávky nám vyskočí pop up Děkovačky dle země dopravy.

9. Uložení scénáře

Vraťte se do GTM a uložte změny kliknutím na tlačítko Odeslat. HOTOVO 😊

💡Jestli je pro vás tento postup složitý, můžete vyzkoušet i video návod, který Petra s Ondrou společně rychle připravili na Youtube. Kdyby ani to nepomohlo, věříme, že když se jim ozvete, tak Vám rádi s nastavením sami pomohou.  

 Shrnutí článku:

• Na tarifu Bronze lze mít vícejazyčné děkovačky pomocí GTM.
• V Upgates je nutné rozlišit dopravu nebo zemi doručení.
• Další widgety Děkovačky se přidávají přes Google Tag Manager.