{"id":1803,"date":"2020-07-16T11:26:32","date_gmt":"2020-07-16T09:26:32","guid":{"rendered":"https:\/\/www.crmcarecloud.com\/?p=1803"},"modified":"2024-07-11T09:50:55","modified_gmt":"2024-07-11T07:50:55","slug":"animation-in-e-mails-avoid-3-common-mistakes","status":"publish","type":"post","link":"https:\/\/www.crmcarecloud.com\/cz\/blog\/tipy-triky\/animation-in-e-mails-avoid-3-common-mistakes\/","title":{"rendered":"Animace v e-mailech: Vyhn\u011bte se 3 \u010dast\u00fdm chyb\u00e1m"},"content":{"rendered":"<p class=\"blogperex\">Animace v e-mailech je jedn\u00edm ze sou\u010dasn\u00fdch trend\u016f, kter\u00fd tla\u010d\u00ed marketingov\u00e9 t\u00fdmy po cel\u00e9m sv\u011bt\u011b do jeho implementace. Nicm\u00e9n\u011b, pokud je animace provedena spr\u00e1vn\u011b, p\u016fsob\u00ed e-mail dynamick\u00fdm a atraktivn\u00edm dojmem. Pod\u00edvejme se v\u0161ak na \u010dast\u00e9 chyby, kter\u00fdm se vyvarovat ohledn\u011b animac\u00ed GIF a CSS.<\/p>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"blogodstavec\">Abyste maximalizovali v\u00fdhody animac\u00ed, je nezbytn\u00e9 osvojit si spr\u00e1vn\u00e9 postupy p\u0159i jejich pou\u017e\u00edv\u00e1n\u00ed. Ka\u017ed\u00fd market\u00e9r a design\u00e9r by si m\u011bl p\u0159e\u010d\u00edst tyto tipy, aby z e-mailov\u00fdch animac\u00ed vyt\u011b\u017eil maximum.<\/p>\n\n\n\n<h3 class=\"wp-block-heading nadpismaly\">ROZPTYLUJ\u00cdC\u00cd ANIMACE<\/h3>\n\n\n\n<p class=\"blogodstavec\">P\u016fsobiv\u00e1 animace sice prop\u016fj\u010d\u00ed e-mailu vynikaj\u00edc\u00ed vzhled, ale nem\u011bla by b\u00fdt na \u00fakor textu a jeho \u010ditelnosti. Pokud je va\u0161e hlavn\u00ed sd\u011blen\u00ed textov\u00e9, m\u011blo by mu b\u00fdt v\u011bnov\u00e1no v\u00fdsadn\u00ed m\u00edsto a prostor. Ned\u00e1vejte automaticky p\u0159ednost animac\u00edm. D\u00e1vejte tak\u00e9 pozor na animace ve smy\u010dce, a to v p\u0159\u00edpadech, kdy mohou odv\u00e1d\u011bt pozornost od \u010dten\u00ed va\u0161eho hlavn\u00edho sd\u011blen\u00ed.<\/p>\n\n\n\n<p class=\"blogodstavec\">Spr\u00e1vn\u011b pou\u017eit\u00e1 animace z\u00edsk\u00e1 dostate\u010dnou pozornost \u010dten\u00e1\u0159e a pom\u016f\u017ee mu pohodln\u011b proj\u00edt e-mailem. Pou\u017e\u00edv\u00e1n\u00ed mnoha animac\u00ed \u010di blikaj\u00edc\u00edch efekt\u016f sni\u017euje m\u00edru prokliku - m\u00e9n\u011b je zkr\u00e1tka  n\u011bkdy v\u00edce.<\/p>\n\n\n\n<h3 class=\"wp-block-heading nadpismaly\">P\u0158EHNAN\u00c1 VELIKOST SOUBORU A POMAL\u00dd SERVER<\/h3>\n\n\n\n<p class=\"blogodstavec\">GIFy obzvl\u00e1\u0161t\u011b zv\u011bt\u0161uj\u00ed celkovou velikost e-mail\u016f, co\u017e je pro propagaci brandu trestuhodn\u00e9. Jeliko\u017e dnes p\u0159evl\u00e1daj\u00ed mobiln\u00ed za\u0159\u00edzen\u00ed, nikdo nebude m\u00edt tu trp\u011blivost \u010dekat 3 sekundy na na\u010dten\u00ed animace. P\u0159\u00edjemci e-mail zav\u0159ou, ne\u017e se v\u016fbec stihne na\u010d\u00edst.<\/p>\n\n\n\n<p class=\"blogodstavec\">Velk\u00e1 velikost soubor\u016f nav\u00edc zat\u011b\u017euje mobiln\u00ed datov\u00e9 tarify z\u00e1kazn\u00edk\u016f. A nikdo nechce, aby jeho zna\u010dka byla vn\u00edm\u00e1na jako necitliv\u00e1, \u017ee? Dobr\u00fdm pravidlem je nikdy nep\u0159ekra\u010dovat 3 MB a vej\u00edt se do 1 MB, kdykoli je to mo\u017en\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading nadpismaly\">NABOBTNAL\u00dd ROZPO\u010cET<\/h3>\n\n\n\n<p class=\"blogodstavec\">Animace jsou samy o sob\u011b n\u00e1ro\u010dn\u011bj\u0161\u00ed jak na finance, tak na \u010das. Zva\u017ete o\u010dek\u00e1van\u00fd p\u0159\u00ednos animace v porovn\u00e1n\u00ed s n\u00e1klady. Statick\u00e9 obr\u00e1zky se na\u010d\u00edtaj\u00ed mnohem rychleji a v naprost\u00e9 v\u011bt\u0161in\u011b situac\u00ed funguj\u00ed adekv\u00e1tn\u011b. Stanovte si realistick\u00e9 o\u010dek\u00e1v\u00e1n\u00ed a po\u010d\u00edtejte s \u010dasovou n\u00e1ro\u010dnost\u00ed animace. Vypus\u0165te do sv\u011bta dokonalou kampa\u0148 p\u0159esn\u011b v ten spr\u00e1vn\u00fd \u010das. Bylo by ne\u0161\u0165astn\u00e9 ji prop\u00e1snout p\u0159i \u010dek\u00e1n\u00ed na animace. Pokud v\u00e1m \u010das nesta\u010d\u00ed a animaci pova\u017eujete za kl\u00ed\u010dovou pro sv\u016fj \u00fasp\u011bch, zkuste vytvo\u0159it jednoduchou animaci z \u0159ady ji\u017e existuj\u00edc\u00edch statick\u00fdch obr\u00e1zk\u016f. Se spr\u00e1vn\u00fdm p\u0159echodov\u00fdm efektem m\u016f\u017ee b\u00fdt v\u00fdsledek pozoruhodn\u00fd!<\/p>","protected":false},"excerpt":{"rendered":"<p>Email animation is one of the current trends, which puts pressure on the marketing team around the globe to implement this new element. If done correctly, animation grants a dynamic and attractive impression to the email. Let&#8217;s look at GIFs and CSS animation with regard to common mistakes. In order to maximize the benefits of&hellip;<\/p>","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[12],"tags":[13],"class_list":["post-1803","post","type-post","status-publish","format-standard","hentry","category-tips-tricks","tag-emailing"],"_links":{"self":[{"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/posts\/1803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/comments?post=1803"}],"version-history":[{"count":5,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/posts\/1803\/revisions"}],"predecessor-version":[{"id":7864,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/posts\/1803\/revisions\/7864"}],"wp:attachment":[{"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/media?parent=1803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/categories?post=1803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crmcarecloud.com\/cz\/wp-json\/wp\/v2\/tags?post=1803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}