Potvrzení objednávky je nejhorší stránka vašeho e-shopu

Někdo si právě koupil ve vašem e-shopu. Viděl pečlivě připravenou úvodní stránku, detaily produktů s dobrými fotkami a pokladnu, která funguje. O třicet sekund později mu přijde potvrzovací e-mail, otevře ho v mobilu a najde šedou tabulku s pěti namačkanými sloupci a dole řádek „powered by PrestaShop“.

Ten e-mail je stránka vašeho e-shopu, kterou otevírá nejvíc lidí. Potvrzení objednávky se otevře skoro vždycky, a často dvakrát: když přijde a když dorazí kurýr. Žádná stránka vašeho webu takové číslo nemá. A je to jediná, která pořád vypadá jako v den, kdy jste PrestaShop nainstalovali.

Proč tak vypadají?

Váš e-shop posílá spoustu různých e-mailů: potvrzení, nový účet, heslo, odeslání, vrácení, upozornění ze skladu a k tomu ty, které přidá každý nainstalovaný modul. Kolik přesně, záleží na tom, co máte nainstalované, ale je jich o dost víc, než si většina lidí myslí. Každý je soubor HTML ve složce mails, jeden pro každý jazyk, napsaný před více než deseti lety s tabulkami a značkami <font>.

Změna šablony e-shopu na ně nesáhne. Změna barev šablony taky ne. Jsou to samostatné soubory a žijí mimo všechno, co jste si přizpůsobili.

Jeden detail to ještě zhoršuje: každá aktualizace PrestaShopu je přepíše. Pokud je někdo v roce 2022 upravil ručně, ta práce při dalším povýšení verze zmizela, aniž by si toho kdo všiml, a e-shop zase posílá e-mail z továrny.

Tabulka, kterou v mobilu nikdo nepřečte

Nejdražší problém je v nejdůležitějším e-mailu. Seznam produktů v potvrzení je tabulka s pěti sloupci: kód, produkt, jednotková cena, množství a celkem.

Na počítači se to číst dá. Na mobilu se šířkou 360 pixelů zaberou čtyři sloupce s čísly asi dvě stě padesát a na název produktu zbude osmdesát. „Funkční tričko s dlouhým rukávem“ se rozpadne do pěti řádků po dvou slovech, nebo celý e-mail přeteče obrazovku a musí se posouvat do strany.

Kupte si něco ve vlastním e-shopu a otevřete potvrzení v mobilu. Je to nejrychlejší test, a nejnepříjemnější.

A je tu druhá věc, které si všimnete, jakmile se podíváte: blok součtů vždycky ukazuje svých pět řádků, i když není co říct. Objednávka bez slevy ukazuje „Slevy 0,00 €“. Katalog s cenami včetně daně ukazuje „Daně 0,00 €“. A doprava zdarma – což je prodejní argument – se ukáže jako „Doprava 0,00 €“, místo aby tam stálo „Zdarma“.

Druhý problém: znovu poslat potvrzení

Stává se to v každém e-shopu. Zákazník napíše, že mu e-mail s objednávkou nepřišel, nebo že ho omylem smazal, nebo že se překlepl v adrese. Otevřete objednávku v administraci, abyste ho poslali znovu… a tlačítko na to tam není.

Pro e-maily o stavu je. V historii stavů každé objednávky má každý řádek vlastní ikonu pro opětovné odeslání: „Platba přijata“, „Zpracovává se“, „Odesláno“. Funguje to, protože změna stavu se ukládá jako řádek a ten řádek se dá použít znovu.

Potvrzení objednávky není změna stavu. PrestaShop ho pošle jednou, uvnitř procesu, který objednávku potvrzuje, a neuchová si ani řádek, ani proměnné, ze kterých e-mail sestavil. Informace pořád existují – produkty, částky, adresy, dopravce –, ale e-mail se musí sestavit znovu od začátku, než může odejít podruhé.

Co lidé dělají místo toho, něco stojí: vložit údaje do ručně psaného e-mailu, který přijde bez designu e-shopu a se skutečnou šancí, že se splete částka; nebo změnit stav objednávky, aby se odeslání vynutilo, což zaneřádí historii a doručí e-mail, o který zákazník nežádal.

A stojí za to vědět, co přesně se posílá znovu, protože to není uložená kopie prvního e-mailu: modul ho znovu sestaví z objednávky tak, jak je teď. Pokud jste mezitím opravili adresu, odebrali řádek nebo se změnil dopravce, e-mail, který přijde, nese tyto údaje, ne údaje ze dne nákupu. Jediné, co se nemění, je datum objednávky. Pro běžný případ – „nepřišlo to“ – je to přesně to, co chcete: zákazník dostane správné informace, ne staré.

Tři způsoby, jak to opravit

1. E-mailová šablona v administraci

Od verze 1.7.6 obsahuje PrestaShop generátor e-mailových šablon. Vyberete jednu, stisknete „Generovat e-maily“ a přepíše soubory ve složce mails jiným designem.

Je to nejrychlejší cesta a má dva limity, které je dobré znát předem. Zaprvé pořád zapisuje soubory: aktualizace PrestaShopu je může znovu přepsat a musíte generovat znovu. Zadruhé je k dispozici málo šablon a prostor pro vaši značku je úzký: změníte logo a málo dalšího.

2. Ruční úprava souborů

Funguje a dává plnou kontrolu. Je to ale jeden soubor na e-mail a na jazyk: se dvěma jazyky se počet vymkne z rukou a opakujete to pokaždé, když nainstalujete modul, který přináší vlastní e-maily.

Tohle je cesta pro někoho s jedním jazykem, komu nevadí HTML v e-mailech a kdo sáhne na tři čtyři šablony, ne na všechny.

3. Vstoupit do odesílání

PrestaShop těsně před odesláním každého e-mailu dává vědět přes několik hooků. Tam můžete obsah měnit za běhu, aniž byste sáhli na jediný soubor ve složce mails.

Má to výhodu, kterou ostatní dvě cesty nemají: protože se nezapisují žádné soubory, není nic, co by vám aktualizace mohla vzít. A protože se změna děje při odeslání, dostane se i do e-mailů modulů, které nainstalujete zítra.

Co zkontrolovat, než na cokoli sáhnete?

Ať zvolíte kteroukoli cestu, je pět věcí, které se vyplatí ve vašem e-shopu zkontrolovat ještě dnes odpoledne:

1. Otevřete skutečný e-mail v mobilu. Ne náhled v administraci: zadejte zkušební objednávku a otevřete ji ve vlastním telefonu.
2. Zkontrolujte, že vaše e-maily odcházejí v HTML. Pokud je v sekci Nástroje → E-maily nastaveno „Poslat e-mail jako text“, žádný design se nikdy neukáže.
3. Zkontrolujte, jestli vaše šablona nepřepisuje e-maily. Pokud je uvnitř vaší šablony složka mails, její soubory mají přednost před soubory PrestaShopu.
4. Spočítejte své jazyky. To je číslo, kterým se násobí každý kousek práce.
5. Zkuste znovu poslat potvrzení. Otevřete objednávku z minulého týdne a hledejte tlačítko. Když ho nenajdete, máte odpověď.

Jak jsme postavili ten náš

Editor je to, co z toho dělá víc než další šablonu: přidáváte bloky – nadpisy, tlačítka, obrázky, sloupce, seznam produktů –, kliknete do e-mailu, abyste je změnili, a výsledek se objevuje vedle vás, jak píšete. Není to přibližný náhled: kreslí ho stejný engine, který e-mail odesílá, takže co vidíte, je přesně to, co dorazí k zákazníkovi.

Položili jsme si tu otázku u vlastních e-shopů a skončili jsme u třetí cesty. Výsledkem je Návrhář e-mailů pro PrestaShop: napojí se na odesílání, nikdy nezapisuje do mails a přináší e-maily vašeho e-shopu už napsané v pěti jazycích, takže práce spočívá v dolaďování, ne v začínání od nuly.

Seznam produktů se přeskládá na jeden řádek na produkt – fotka, název, kombinace a „2 × 49,99 €“ vlevo, částka vpravo –, a díky tomu se dá číst na 320 pixelech bez posouvání. A součty, které vycházejí na nulu, zmizí, s jednou záměrnou výjimkou: doprava zdarma to řekne slovy.

A každá stránka objednávky má tlačítko, které zákazníkovi znovu pošle potvrzení, v jazyce objednávky a s jejími skutečnými údaji: modul znovu sestaví proměnné z uložené objednávky a e-mail odejde stejnou cestou jako originál, takže dorazí přesně tak, jak by dorazil první den.

Uvnitř je blokový editor s živým náhledem, pět šablon s různými písmy a tlačítko, které vám pošle libovolný e-mail do schránky dřív, než ho necháte běžet. Najdete ho níže, i s tím, kolik stojí a co dělá.