Přizpůsobení vašeho designu

7 články Manfred By Manfred

Typografie

Klikněte na Písma v panelu nástrojů pro změnu fontů a velikostí různých textových prvků: - Shopify Nadpis — hlavní nadpis e-mailu (např. "Objednávka potvrzena") - Nadpisy — nadpisy sekcí - Titulky — štítky a menší sekundární nadpisy - Text těla — hlavní obsah - Patička — text v patě Podle úrovně textu můžete upravit rodinu písem, velikost, tloušťku, kurzívní styl, velká písmena nebo výšku řádku. Dostupná písma jsou vybírána pro širokou kompatibilitu mezi e-mailem a klientem, ale e-mailový klient se může stále vrátit k bezpečnému systémovému písmu, pokud nepodporuje zvolené písmo. Globální nastavení: Typografie platí pro všech 52 šablon e-mailů. Změny jsou okamžitě zveřejněny.

Přizpůsobení tlačítek

Vyberte Tlačítka v panelu nástrojů pro přizpůsobení všech tlačítek v e-mailech najednou. Volby ikon v každém řádku jsou seřazeny zleva doprava: - Styl tlačítka — Pouze plné vyplňování, okraj nebo textový odkaz - Velikost tlačítka — Malé, střední nebo velké - Šířka tlačítka — Automatický nebo široký - Rohový styl — Čtvercové, zaoblené rohy nebo tvar pilulky - Poloměr rohu — Jemné ladění zaoblených rohů, když je zvolen styl středního rohu - Písmo tlačítek — Vyberte písmo, velikost, tloušťku a volitelný styl velkých písmen - Barvy — Nastavte text, pozadí a barvy rámečků pro dostupné styly Nastavení pod Tlačítka jsou globální. Řídí vizuální design podporovaných sekcí tlačítek ve všech 52 šablonách, včetně Tlačítko stavu objednávky, Tlačítko pro sledování, Tlačítko „Zaplatit nyní“ a Tlačítko. Sekce může stále definovat jiný štítek, URL, zarovnání nebo viditelnost pro jednotlivé tlačítko. Musím nastavit každé tlačítko zvlášť? Ne. Použijte globální Tlačítka panel jednou pro konzistentní vizuální design. Upravujte konkrétní tlačítko pouze tehdy, když by se jeho štítek, URL, zarovnání nebo viditelnost měly lišit. Globální nastavení: Design vybraný pod Tlačítka platí pro všech 52 e-mailových šablon. Změny jsou okamžitě zveřejněny.

Logo

Klikněte na Logo v panelu nástrojů nebo na oblast loga na plátně. Logo Nahrajte si vlastní logo nebo si vyberte jedno ze svých Shopify souborů. Logo můžete také odstranit a propojit ho s URL vašeho obchodu. Velikost a zarovnání - Velikost loga — šířku upravit pomocí posuvníku procent - Zarovnání plochy — vlevo, uprostřed nebo vpravo - Zarovnání mobilní — samostatné zarovnání pro mobilní Rozložení hlavičky - Obsaženo — logo uvnitř šířky těla e-mailu - Plné — logo pokrývá celou šířku e-mailu Rozestupy a barvy - Vertikální hustota — ovládá rozestupy nad a pod logem - Barva pozadí — pozadí za logem - Akcentní lišta — volitelný barevný proužek nad logem (zapnutí/vypnutí, nastavitelná výška a barva) Globální nastavení: Logo platí pro všech 52 e-mailových šablon. Změny jsou okamžitě zveřejněny.

Pozadí a styly

Klikněte na Barvy v panelu nástrojů pro otevření globálního barevného panelu. Pozadí - Vnější pozadí — oblast kolem vašeho e-mailu - Vnitřní pozadí — hlavní tělo e-mailu - Pozadí paty — oblast paty - Pozadí loga — oblast za logem v hlavičce - Pozadí kontejneru — pozadí kontejnerů sekcí Text a odkazy Samostatné barevné ovládání jsou k dispozici pro hlavní nadpis, nadpisy sekcí, titulky, hlavní text, odkazy, text v patě a odkazy na paty. Vždy udržujte dostatečný kontrast mezi textem a pozadím. Hranice a dělič - Barva — sdílená barva pro okraje a děličky - Dělící styl — žádný, plný, přerušovaný nebo tečkovaný - Tloušťka dělitele Sekční kontejner - Pozadí kontejneru — barva pozadí pro sekce obsahu - Rohový rádius — zaoblené nebo ostré rohy Globální nastavení: Barvy se aplikují na všech 52 podporovaných šablon. Smart Emails deklaruje barevné schéma pouze na světle, aby zachovalo paletu vybranou obchodníkem a zabránilo částečné konverzi v tmavém režimu, která by vytvářela nečitelné kombinace textu a pozadí.

Kompletní průvodce e-mailovými sekcemi

Sekce jsou stavebními kameny šablony Smart Emails. Editor nabízí pouze sekce kompatibilní s vybraným oznámením Shopify a některé sekce specifické pro oznámení nelze přidávat ručně. Struktura a text - Záhlaví Shopify — hlavní nadpis oznámení - Úvodní text, Úvodní text o zaměstnancích a Úvodní text k plnění — kontextově specifický úvodní obsah - Text, Vlastní zpráva a Závěrečný text — editovatelné textové oblasti - Textové sloupce — více textových bloků ve sloupcích - Rozpěrka a Dělící čára — vizuální odstup a oddělení - Často kladené otázky — seznam vlastních otázek a odpovědí Objednávky, produkty a celkové částky - Produkt a Produkty — základní informace o produktu - Produkty s cenami — položky, slevy, daně, poštovné a celkové částky - Produkty s možností vrácení peněz a Produkty s možností výměny — vrácení peněz a výměna údajů - Číslo objednávky, Poznámky k objednávce, Informace o platbě, Platební podmínky, Upomínka splatnosti platby a Celková splatná částka - Adresa, Podrobnosti o dopravě a Místo vyzvednutí Tyto sekce zobrazují Shopify data pouze tehdy, když je oznámení poskytne. Ukázková data lze povolit v podporovaných panelech pro účely náhledu. Tlačítka a mechanismy - Tlačítko stavu objednávky, Tlačítko pro sledování a Tlačítko „Zaplatit nyní“ - Tlačítko — vlastní výzva k akci s označením a URL - Tlačítko Apple Wallet - Odkazy na obchody — navigační odkazy na stránky obchodu Obrázky a rozvržení - Obrázek - Obrázek s textem - Obrázek Dva sloupce - Překrytí obrázku - Stažení mobilní aplikace Marketingové sekce - Banner se zprávou - Slevy - Vybraný produkt - Doporučené produkty - Dárková karta - Změnit pořadí Marketingové sekce lze přiřadit vybraným šablonám a spravovat je v živých nastaveních po instalaci primární šablony. Dárkové karty, vrácení a upozornění na účet - Kód dárkové karty, Podrobnosti o dárkové kartě a Zpráva pro příjemce - Pokyny k vrácení štítku a Důvody odmítnutí vrácení - Údaje o obchodním úvěru - Změna e-mailové adresy a Změny v přiřazování prodejů - Průzkum Globální sekce Logo hlavičky, banner zprávy, odkazy na obchod a pata používají sdílená nastavení. Jejich vizuální design je spravován z primárního editoru, zatímco podporovaný text je pro každý jazyk uložen zvlášť. Důležité: Přidání, mazání nebo přeuspořádání sekce je strukturální změna a vyžaduje nový export v primárním jazyce.

Odkazy na obchody

Odkazy na obchody poskytují kompaktní navigační oblast ve vašich notifikačních e-mailech. Použijte je pro destinace, jako je vaše domovská stránka, nové produkty, sbírka slevů, kontaktní stránka nebo informace o vrácení zboží. Otevřít odkazy na obchod Klikněte na Odkazy na obchody v panelu nástrojů editoru nebo vyberte oblast Odkazy na obchod na plátně. Konfigurujte obsah Můžete: - povolit nebo zakázat odkazy na obchody - upravit volitelný nadpis - konfigurujte dostupné štítky odkazů a URL - Ovládejte stylování odkazu pomocí globálních nastavení barev a typografie Použijte kompletní https:// URL a otestujte každý odkaz v reálném testovacím e-mailu. Jazyky a synchronizace Rozložení a design odkazů pocházejí z primárního editoru. Štítky odkazů lze přeložit podle jazyka. URL adresy jsou kopírovány jako funkční hodnoty a nejsou překládány. Pokud různé jazyky potřebují různé cílové URL, otevřete příslušný editor sekundárního jazyka a ověřte aktuální jazyková nastavení před publikací. Odkazy na obchody jsou uloženy v místně specifických Shopify Metafields a platí pro všech 52 podporovaných šablon, které obsahují blok Odkazy na obchod.

Sloty pro uložení designu

Smart Emails nabízí čtyři sloty pro zákaznický design. Jsou užitečné pro uchování sezónních variant, stylů kampaní nebo bezpečné kopie před aplikací dalšího přednastavení. Co automat ukládá Designový snímek zahrnuje globální vizuální nastavení, jako jsou barvy, typografie, tlačítka, pata, odkazy na obchod, banner zprávy, marketingová nastavení, mezery a další přednastavené hodnoty designu. Zachraňte design 1. Otevřete přednastavení a ovládání uloženého designu v editoru. 2. Vyberte volné místo. 3. Zadejte popisné jméno. 4. Uložte si současný design. Správa uložených návrhů Pro obsazené místo můžete: - Načíst uložený design - přepsat ho současným návrhem - Přejmenovat ji - Smažte to po potvrzení Načtení slotu nahradí aktuální globální nastavení návrhu. Pokud se k němu chcete vrátit, uložte aktuální stav nejdříve do jiného slotu. Důležité: Designový slot není samostatná instalace Shopify. Pokud se při načtení změní struktura šablony nebo základní přednastavení, vygenerujte a nainstalujte čerstvý primární export.