Pokud si přejete na kontakty odesílat e-mail s připomínkou opuštěného košíku, je nezbytné v Ecomailu vytvořit šablonu pro opuštěný košík a následně samotný automatický scénář, díky kterému bude po splnění zadaných podmínek docházet k odesílání e-mailu.
💡Pro správné fungování automatizace je nezbytné do Ecomailu ke kontaktům přenášet data o zboží vloženém v košíku, aby se měly produkty do šablony jak propsat. Více informací najdete níže.
Pojďme se společně podívat, jak šablonu pro opuštěný košík správně nastavit.
V tomto článku naleznete:
1. Integrace
V automatizaci opuštěného košíku se pracuje s těmito daty z vašeho e-shopu:
Zboží, které kontakt vložil do košíku
Realizované objednávky
Aby správně fungovala nejen šablona, ale celý automatický scénář, je proto potřeba tato data přenášet do účtu v Ecomailu.
Pro integraci vašeho e-shopu s Ecomailem můžete použít některý z našich dostupných pluginů, který zahrnuje přenos objednávek a událostí opuštěného košíku, nebo využít vlastní napojení skrze API či trackovací kód. V takovém případě si přenos dat nastavíte kompletně ze své strany (doporučujeme se obrátit na vaše techniky).
Podrobněji informace rozebíráme v tomto článku.
💡 TIP: zvolíte vlastní napojení? O možnostech přenosu události opuštěného košíku se dozvíte více v tomto článku, o přenosu nákupů pak zde.
2. Příprava šablony
Pokud již máte integraci hotovou, je potřeba připravit šablonu s obsahem košíku.
💡 TIP: chcete si tvorbu šablony usnadnit? Využijte předpřipravený scénář automatizace opuštěného košíku vytvořený našimi produktovými specialisty, v jehož rámci je připravena i šablona.
Tuto šablonu si můžete podle libosti dále upravit a personalizovat ji pro potřeby vaší automatizace. O předpřipravených automatizacích se dočtete více v tomto článku.
Tvorba šablony je snadná a poslouží vám k tomu několik speciálních merge tagů -> některé rovnou vypíší konkrétní informace o produktu; jiné jsou součástí podmínky, která zobrazení produktů v šabloně řídí:
*|#ECM_BASKET|* – počet produktů v košíku
*|IF:#ECM_BASKET=2|* – podmínka, pokud je počet produktů v košíku roven 2
*|ECM_BASKET[1].name|* – název prvního produktu v košíku
*|ECM_BASKET[2].price|* – cena druhého produktu v košíku
Vlastnosti produktu, které je možné propsat, jsou následující (demonstrováno na prvním produktu v košíku):
*|ECM_BASKET[1].productId|* – ID produktu
*|ECM_BASKET[1].name|* – název produktu
*|ECM_BASKET[1].price|* – cena
*|ECM_BASKET[1].description|* – popis
*|ECM_BASKET[1].url|* – odkaz na produkt
*|ECM_BASKET[1].img_url|* – odkaz na obrázek (⚠️POZOR: propíše pouze URL adresu obrázku; pro vložení obrázku jako takového mrkněte na návod níže)
Následující položky musí mít pozměněné číslo u každého parametru. Pro vypsání druhého produktu z košíku tak bude zápis *|ECM_BASKET[2].name|* (propíše se název druhého produktu).
Přes merge tagy je takto možné vypsat max. pět produktů.
Základním prvkem při vypsání produktů v košíku je podmínka. Obecně šablona vždy vykreslí právě takové produkty, které se v přenesené události opuštěného košíku nacházejí.
Pokud byste do šablony vložili pouze merge tagy pro vypsání čtyř produktů (bez definované podmínky), např. takto:
*|ECM_BASKET[1].name|*
*|ECM_BASKET[1].price|*
*|ECM_BASKET[2].name|*
*|ECM_BASKET[2].price|*
*|ECM_BASKET[3].name|*
*|ECM_BASKET[3].price|*
*|ECM_BASKET[4].name|*
*|ECM_BASKET[4].price|*
⚠️ Mohly by nastat komplikace v případě, kdy by se u určitého kontaktu nacházely v košíku pouze tři produkty. Neexistovala by tak data pro propsání merge tagu čtvrtého produktu -> šablona by se v takovém případě neodeslala.
Z tohoto důvodu je vhodné v šabloně pracovat s podmínkou, v níž přesně definujete, jaký obsah se má zobrazit v závislosti na tom, kolik produktů má kontakt aktuálně v košíku.
Následující podmínka vyobrazí produkty podle logiky:
- pokud je v košíku jeden produkt, zobrazí se v šabloně jeden produkt
- pokud jsou v košíku dva produkty, zobrazí se v šabloně dva produkty
- v dalších případech (pokud je v košíku 3 a více produktů), zobrazí se tři produkty
*|IF:#ECM_BASKET=1|*
Parametry[1]
*|ELSEIF:#ECM_BASKET=2|*
Parametry[1]
Parametry[2]
*|ELSE:|*
Parametry[1]
Parametry[2]
Parametry[3]
*|END:IF|*
Parametry pak doplňte dle toho, jaké informace o produktu si přejete propisovat (např. pokud chcete propsat název, využijete merge tag *|ECM_BASKET[1].name|*, viz výše👆).
Jako příklad uvádíme šablonu, která obsahuje podmínku dle počtu produktů v košíku uživatele:
jeden produkt
dva produkty
tři a více produktů
💡TIP: Máte v jednom Ecomail účtu nahraných více zbožových feedů se stejnými ID produktů (typicky při napojení více jazykových mutací e-shopu do jednoho účtu v Ecomailu)?
Využijte pro propsání produktů v šabloně opuštěného košíku možnost specifikovat ID feedu přímo v rámci produktového merge tagu. Tak zajistíte, že se např. kontaktům ze seznamu, kde máte kontakty z české mutace e-shopu, propíší v e-mailu data z českého feedu.
U některých e-shopových integrací (např. Shoptet, Shopify, Upgates) se totiž některá či všechna data o produktech v košíku (obrázek, název, cena apod.) párují právě z produktového feedu.
Pokud s integrací nepracujete a pro zaslání dat o zboží v košíku využíváte vlastní napojení, všechny informace se propíší na základě dat poslaných do Ecomailu v události vložení zboží do košíku. Zde se produktový feed pro párování nevyužívá.
Pro vyhledávání produktů v konkrétním feedu přidejte za název merge tagu __IDFEEDU (dvě podtržítka a ID feedu).
Zápis ECM_BASKET__1234 zajistí, že bude produkt k propsání vyhledán jen v rámci produktového feedu s ID 1234. Zápis s ID feedu je třeba mít konzistentní v celé podmínce.
Níže vidíte ilustrační příklad zápisu celé podmínky, pokud byste si přáli propisovat údaje o produktu z feedu s ID 19344:
*|IF:#ECM_BASKET__19344=1|*
*|ECM_BASKET__19344[1].productId|* - ID produktu
*|ECM_BASKET__19344[1].img_url|* - umístění obrázku (url adresa)
*|ECM_BASKET__19344[1].url|* - odkaz na produkt
*|ECM_BASKET__19344[1].name|* - název produktu
*|ECM_BASKET__19344[1].price|* - cena produktu
*|ECM_BASKET__19344[1].description|* - popis produktu
*|ELSEIF:#ECM_BASKET__19344=2|*
*|ECM_BASKET__19344[1].productId|*
*|ECM_BASKET__19344[1].img_url|*
*|ECM_BASKET__19344[1].url|*
*|ECM_BASKET__19344[1].name|*
*|ECM_BASKET__19344[1].price|*
*|ECM_BASKET__19344[1].description|*
*|ECM_BASKET__19344[2].productId|*
*|ECM_BASKET__19344[2].img_url|*
*|ECM_BASKET__19344[2].url|*
*|ECM_BASKET__19344[2].name|*
*|ECM_BASKET__19344[2].price|*
*|ECM_BASKET__19344[2].description|*
*|END:IF|*
Více informací najdete v tomto článku naší nápovědy.
3. Další tipy k tvorbě šablony
Odkaz pro dokončení nákupu
V šabloně opuštěného košíku pracujte s tlačítky, pod něž vložíte odkaz na košík na e-shopu -> tj. abyste kontakt po prokliku přesměrovali rovnou zpátky do košíku a tím pádem blíže k dokončení objednávky.
Konkrétní podoba odkazu záleží na nastavení vašeho e-shopu, může to být např. odkaz ve formátu domena.cz/kosik apod.
Odkazy na propsané produkty jsou pak automaticky pod obrázky díky vloženým merge tagům (viz níže 👇). Případně můžete merge tag *|ECM_BASKET[1].url|* vložit do šablony i samostatně.
Vložení obrázků
Jak pracovat s merge tagem *|ECM_BASKET[1].img_url|* tak, aby se kontaktům do e-mailu propsal přímo obrázek produktu?
Na výběr máte tyto možnosti:
👉 Vložení obrázku přes zdrojový kód textového obsahu
Obrázek můžete vložit přes zdrojový kód textu; na toolbaru v textovém bloku vyhledejte ikonku Zdrojový kód:
Kód takového obrázku, který do pole zdrojového kódu zadáte, může vypadat následovně:
<a href="*|ECM_BASKET[1].url|*"><img alt="*|ECM_BASKET[1].name|*" src="*|ECM_BASKET[1].img_url|*" width="250" /></a>
<!-- kde a href= je odkaz na produkt na e-shopu -->
<!-- img alt= je alternativní text obrázku v newsletteru -->
<!-- src= je zdroj obrázku produktu -->
<!-- 250 je maximální šířka obrázku -->
Doporučujeme v rámci kódu nastavit i maximální velikost obrázků produktů, jelikož se jinak zobrazí v originální velikosti. Newsletter má defaultně šířku 600px, je proto dobré nastavit velikost obrázků adekvátně, např.: tři obrázky (produkty) vedle sebe by měly mít každý max. 200px, dva obrázky (produkty) můžou mít max. 300px apod.
POZOR: zkontrolujte si, že v kódu každého jednotlivého obrázku máte v indexech uvedená správná čísla -> častou chybou je jejich směšování, viz níže:
<a href="*|ECM_BASKET[1].url|*"><img alt="*|ECM_BASKET[2].name|*" src="*|ECM_BASKET[1].img_url|*" width="250" /></a>
👉 Vložení obrázku v rámci bloku Obrázek
Vložete do šablony obsahový blok Obrázek a zvolte v levém postranním menu možnost Dynamický obrázek. Merge tag *|ECM_BASKET[1].img_url|* vložte do pole Zdroj obrázku.
Do pole Odkaz na obrázku vložte merge tag *|ECM_BASKET[1].url|* (umožníte příjemcům se přes obrázek prokliknout na stránku s daným produktem na e-shopu) a do pole Title pak merge tag *|ECM_BASKET[1].name|* (zobrazí se po najetí kurzorem na obrázek).
Zarovnání obrázků
Pokud chcete, aby obrázky produktů, které budou vedle sebe, byly zarovnány ve stejné výšce, doporučujeme merge tag pro propsání obrázků vložit do samostatné struktury. Jinak může v případě, kdy produktové obrázky nemají jednotnou velikost, dojít k posunutí (rozhození) dalšího obsahu, jež je pod nimi vložen.
⚠️ POZOR: Znamená to však, že v mobilním zobrazení bude obsah defaultně řazen tak, jak jdou struktury a obsah v nich za sebou (zobrazí se nejprve obrázky pod sebou a teprve následně struktura s dalším obsahem, jako je název, cena apod.). Více informací o specificích mobilního zobrazení a dalších možnostech nastavení zobrazení se dočtete zde.
4. Nastavení automatizace pro opuštěný košík
Poté, co vytvoříte šablonu pro opuštěný košík, můžete se pustit do tvorby samotné automatizace.
Celým procesem nastavení a otestování automatizace vás provedeme v 👉 tomto článku.
5. Nejčastější chyby
Vytvořili jste si již šablonu a automatizaci opuštěného košíku, otestovali ji dle instrukcí v nápovědě, ale scénář nefunguje, jak by měl (např. e-mail s připomínkou opuštěného košíku se neodešle)?
💡 Nahlédněte do tohoto článku, kde uvádíme přehled nejčastějších chyb v automatizaci a šabloně opuštěného košíku.
💭 Nenašli jste odpověď? Napište nám na chat nebo e-mail support@ecomail.cz. 😊