Jak jsem vytvořil email template pro Metagym
METAGYM Fitness potřeboval aktualizovat transakční email template pro nové členy s MultiSport kartou. Původní template byl v quoted-printable kódování, což způsobovalo problémy při integraci s n8n a Brevo emailovou službou.
Zároveň bylo potřeba vložit nový obsah s instrukcemi o používání virtuální MultiSport karty a aktualizovat webhook integraci v registračním formuláři.
Problém, který jsem řešil
Původní template byl v quoted-printable kódování (`=C3=AD`, `=C2=A0` atd.), což způsobovalo problémy při integraci s n8n a Brevo. Potřeboval jsem vytvořit čistý HTML template kompatibilní s n8n/Brevo, zachovat brand identity (logo, barvy, stylování) a aktualizovat obsah podle nových pravidel MultiSport.
Jak jsem ho vyřešil
Cursor analyzoval původní template, identifikoval quoted-printable kódování a navrhl konverzi na čistý HTML. Pomohl zachovat kompletní strukturu, všechny CSS styly pro email klienty, responzivní media queries a Microsoft Office kompatibilitu.
Při aktualizaci webhook URL pomohl s konverzí URL na ASCII kódy pro obfuskovanou funkci. Rozšířil jsem webhook payload o jméno uživatele.
Výsledek: profesionální email template v čistém HTML formátu, který je plně kompatibilní s n8n a Brevo. Template zachovává všechny brand elementy (logo METAGYM, barvy #d4154a, Verdana font), obsahuje nový obsah o virtuální MultiSport kartě a je správně formátovaný pro email klienty.
Jak to funguje v praxi
Registrační formulář teď správně volá n8n webhook s kompletními daty (email, pobočka, jméno). Email template je znovupoužitelný pro další emailové kampaně. Zachování všech email-specifických stylů bylo kritické pro kompatibilitu.
Co jsem se naučil
Email formáty jsou komplexní. Quoted-printable kódování je standard pro emailové systémy, ale není vhodné pro moderní API integrace. Pro n8n a Brevo je potřeba čistý HTML bez kódování.
Zachování email compatibility je kritické. Email klienty (Outlook, Gmail, Apple Mail) mají specifické požadavky. CSS styly musí být inline, musí existovat MSO podmínky pro Outlook, a responzivní media queries pro mobilní zařízení.
Iterativní komunikace šetří čas. Když jsem nejprve umístil webhook URL do nesprávného souboru, AI to rychle identifikoval a opravil. Jasná komunikace o cílech pomohla rychle dostat správný výsledek.
Proč to stojí za to
Když máš email template v quoted-printable formátu a chceš ho integrovat s moderními API, nemusíš to dělat manuálně. Můžeš použít AI na automatickou konverzi na čistý HTML.
Email template je teď součástí mého workflow. Šetří mi čas, protože nemusím manuálně konvertovat quoted-printable kódování. A zároveň mám kontrolu nad tím, jak email vypadá, protože všechno je v čistém HTML.
Pokud máš podobný problém – quoted-printable email template – zkus to. Možná zjistíš, že je to jednodušší, než sis myslel.
Časté otázky
Co je quoted-printable kódování a proč způsobuje problémy?
Quoted-printable je standard pro emailové systémy, který kóduje speciální znaky jako `=C3=AD` nebo `=C2=A0`. Pro klasické emaily funguje, ale moderní API integrace (n8n, Brevo) potřebují čistý HTML. Když to smícháš, dostaneš nečitelný výstup.
Proč je důležité zachovat inline CSS styly v email templates?
Email klienty jako Outlook, Gmail nebo Apple Mail mají specifické požadavky. Externí CSS často ignorují. Inline styly jsou jediná jistota, že email bude vypadat stejně všude. Plus MSO podmínky pro Outlook – bez nich se ti rozpadne layout.
Jak AI pomáhá při konverzi email templates?
Manuální konverze quoted-printable na čistý HTML by trvala hodiny. AI to udělá za minuty – analyzuje strukturu, zachová všechny styly, media queries i MSO podmínky. Ty pak jen zkontroluj výsledek a uprav obsah.
Co všechno musí email template obsahovat pro správnou kompatibilitu?
Inline CSS styly, MSO podmínky pro Outlook, responzivní media queries pro mobily, správné kódování znaků. A samozřejmě brand elementy – logo, barvy, fonty. Když něco z toho chybí, email se rozpadne v některém klientovi.
Dá se hotový template použít pro další kampaně?
Přesně tak. Jakmile máš čistý HTML template s brand elementy a správnou strukturou, můžeš ho použít jako základ pro další emaily. Změníš obsah, zachováš styling. Šetří to čas při každé další kampani.
Tom