{"id":2038,"date":"2022-06-08T13:29:40","date_gmt":"2022-06-08T11:29:40","guid":{"rendered":"https:\/\/jdm.pl\/blog\/?p=2038"},"modified":"2022-06-08T13:29:41","modified_gmt":"2022-06-08T11:29:41","slug":"jak-zmienic-wyglad-maili-w-woocommerce","status":"publish","type":"post","link":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/","title":{"rendered":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce?"},"content":{"rendered":"\n<p>Poniewa\u017c wygl\u0105d maili w WooCommerce mo\u017cemy personalizowa\u0107 tylko w niewielkim stopniu, a bardziej zaawansowany wygl\u0105d wymaga znajomo\u015bci HTML, cz\u0119sto u\u017cytkownicy rezygnuj\u0105 z modyfikacji. W tym artykule poka\u017cemy, jakw zmieni\u0107 standardowy wygl\u0105d maili ze sklepu za pomoc\u0105 bezp\u0142atnej wtyczki <a href=\"https:\/\/wordpress.org\/plugins\/decorator-woocommerce-email-customizer\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Decorator \u2013 WooCommerce Email Customizer<\/a>.<\/p>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Instalacja oraz uruchomienie customizera<\/h2>\n\n\n\n<p>Wtyczk\u0119 pobierzemy bezp\u0142atnie z repozytorium plugin\u00f3w WordPressa (je\u017celi nie wiesz, jak zainstalowa\u0107 wtyczk\u0119 &#8211; <a href=\"https:\/\/jdm.pl\/blog\/instalacja-wtyczki-krok-po-kroku\/\">skorzystaj z naszego poradnika<\/a>). Nast\u0119pnie przechodzimy do widoku Customize your emails:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize.png\" data-lbwps-width=\"1001\" data-lbwps-height=\"140\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize-300x42.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"140\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize.png\" alt=\"\" class=\"wp-image-2040\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize.png 1001w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize-300x42.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/customize-768x107.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/a><\/figure>\n\n\n\n<p>Nast\u0119pnie zostaniemy przekierowani do opcji personalizacji. W pierwszym kroku dobrze jest wybra\u0107 typ maila, kt\u00f3ry chcemy zmieni\u0107. Wybieramy go z rozwijanej listy:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista.png\" data-lbwps-width=\"1276\" data-lbwps-height=\"890\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista-300x209.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"714\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista-1024x714.png\" alt=\"\" class=\"wp-image-2041\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista-1024x714.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista-300x209.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista-768x536.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/lista.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Personalizacja wybranego typu maila w WooCommerce. <\/h2>\n\n\n\n<p>Na potrzeby artyku\u0142u wybierzemy ten mail, kt\u00f3ry otrzymuje klient po z\u0142o\u017ceniu zam\u00f3wienia:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing.png\" data-lbwps-width=\"1700\" data-lbwps-height=\"882\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-300x156.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-1024x531.png\" alt=\"\" class=\"wp-image-2042\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-1024x531.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-300x156.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-768x398.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing-1536x797.png 1536w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/processing.png 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Wz\u00f3r natywnego maila widzimy po prawej stronie. Teraz czas przej\u015b\u0107 do customizacji. <\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">Ustawienie w\u0142asnych tekst\u00f3w<\/h3>\n\n\n\n<p>Zaczynamy od zmiany tekst\u00f3w. Zwr\u00f3\u0107my uwag\u0119, \u017ce na dole mamy podgl\u0105d wszystkich shortcod\u00f3w, jakie mo\u017cemy wykorzysta\u0107 w szablonie maila:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text.png\" data-lbwps-width=\"1616\" data-lbwps-height=\"885\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-300x164.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-1024x561.png\" alt=\"\" class=\"wp-image-2043\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-1024x561.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-300x164.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-768x421.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text-1536x841.png 1536w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/email-text.png 1616w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Poni\u017cej przyk\u0142ad spersonalizowanego tekstu. Oczywi\u015bcie to, co wpiszemy zale\u017cy tylko od nas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2.png\" data-lbwps-width=\"1501\" data-lbwps-height=\"806\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2-300x161.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2-1024x550.png\" alt=\"\" class=\"wp-image-2044\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2-1024x550.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2-300x161.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2-768x412.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/zamowienie2.png 1501w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">Ustawienia wygl\u0105du maila<\/h3>\n\n\n\n<p>Kiedy ju\u017c opracujemy cz\u0119\u015b\u0107 tekstow\u0105, przechodzimy do wygl\u0105du naszego maila. Zaczynamy od ustawie\u0144 t\u0142a oraz kontenerka z tre\u015bci\u0105 w sekcji <em>Container<\/em>. Mo\u017cemy wybra\u0107 tu m.in kolor t\u0142a, rodzaj obramowania, zaokr\u0105glenia rog\u00f3w itp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2.png\" data-lbwps-width=\"1609\" data-lbwps-height=\"841\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-300x157.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1024x535.png\" alt=\"\" class=\"wp-image-2046\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1024x535.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-300x157.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-768x401.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1536x803.png 1536w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2.png 1609w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Nast\u0119pnie przechodzimy do sekcji <em>Header<\/em>, gdzie mo\u017cemy znale\u017a\u0107, a\u017c trzy zak\u0142adki do spersonalizowania nag\u0142\u00f3wka w wiadomo\u015bci: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header.png\" data-lbwps-width=\"405\" data-lbwps-height=\"385\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header-300x285.png\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"385\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header.png\" alt=\"\" class=\"wp-image-2045\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header.png 405w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header-300x285.png 300w\" sizes=\"auto, (max-width: 405px) 100vw, 405px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong><em>Header style<\/em><\/strong> pozwoli ustawi\u0107 kolor nag\u0142\u00f3wka, po\u0142o\u017cenie tekstu i odst\u0119py. Co ciekawe mo\u017cemy te\u017c ukry\u0107 wy\u015bwietlenie ca\u0142ej tej cz\u0119\u015bci:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header2-1024x454.png\" alt=\"\" class=\"wp-image-2048\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header2-1024x454.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header2-300x133.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header2-768x341.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header2.png 1452w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><em>Header image<\/em><\/strong> &#8211; pozwala na wrzucenie obrazka nad nag\u0142\u00f3wek &#8211; mo\u017ce to by\u0107 np. nasze logo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3-1024x553.png\" alt=\"\" class=\"wp-image-2050\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3-1024x553.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3-300x162.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3-768x415.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3-1536x830.png 1536w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header3.png 1581w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Heading and subtitle<\/strong> &#8211; tutaj ustawimy wszystko zwi\u0105zane z fontem nag\u0142\u00f3wk\u00f3w w naszej wiadomo\u015bci. Zwr\u00f3\u0107my uwag\u0119, \u017ce fonty ograniczone s\u0105 do tych powszechnie u\u017cywanych:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia.png\" data-lbwps-width=\"1479\" data-lbwps-height=\"806\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia-300x163.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia-1024x558.png\" alt=\"\" class=\"wp-image-2051\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia-1024x558.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia-300x163.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia-768x419.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/ustawienia.png 1479w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4.png\" data-lbwps-width=\"1468\" data-lbwps-height=\"857\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4-300x175.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4-1024x598.png\" alt=\"\" class=\"wp-image-2052\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4-1024x598.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4-300x175.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4-768x448.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/header4.png 1468w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Personalizowanie stopki emaila<\/h2>\n\n\n\n<p>Wtyczka pozwala nam tak\u017ce na zmian\u0119 stopki i to r\u00f3wnie\u017c w 3 dzia\u0142ach:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer.png\" data-lbwps-width=\"388\" data-lbwps-height=\"336\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer-300x260.png\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"336\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer.png\" alt=\"\" class=\"wp-image-2054\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer.png 388w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer-300x260.png 300w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong><em>Footer style <\/em><\/strong>&#8211; to wszystko zwi\u0105zane z kolorami oraz typem fontu w naszej stopce. Zobaczcie na przyk\u0142ad:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1.png\" data-lbwps-width=\"1486\" data-lbwps-height=\"830\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1-300x168.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1-1024x572.png\" alt=\"\" class=\"wp-image-2061\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1-1024x572.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1-300x168.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1-768x429.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer2-1.png 1486w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong><em>Footer content<\/em><\/strong> &#8211; to napisz, kt\u00f3ry pojawi si\u0119 w naszej stopce. Tu tak\u017ce mo\u017cemy, ale nie musimy u\u017cy\u0107 shortcod\u00f3w. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1.png\" data-lbwps-width=\"1504\" data-lbwps-height=\"801\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1-300x160.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1-1024x545.png\" alt=\"\" class=\"wp-image-2062\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1-1024x545.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1-300x160.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1-768x409.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer3-1.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Je\u017celi potrzebujemy do\u0142\u0105czy\u0107 linki do social medi\u00f3w &#8211; teraz to nic trudnego. W dziale <strong><em>Social links<\/em><\/strong> czeka na nas wiele mo\u017cliwo\u015bci ich u\u0142o\u017cenia i tak\u017ce personalizacji. Oto przyk\u0142ad:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1.png\" data-lbwps-width=\"1488\" data-lbwps-height=\"821\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1-300x166.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1-1024x565.png\" alt=\"\" class=\"wp-image-2063\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1-1024x565.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1-300x166.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1-768x424.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/footer4-1.png 1488w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Personalizowanie zawarto\u015bci e-maila<\/h2>\n\n\n\n<p>Teraz to, co najwa\u017cniejsze dla klienta &#8211; ustawienia wygl\u0105du zawarto\u015bci wiadomo\u015bci ze sklepu. Wybieramy w tym celu zak\u0142adk\u0119 <strong><em>Content<\/em><\/strong>. Mamy tutaj bardzo szerokie mo\u017cliwo\u015bci dostosowania informacji. Zobaczmy je po kolei. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content.png\" data-lbwps-width=\"364\" data-lbwps-height=\"364\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content-300x300.png\"><img loading=\"lazy\" decoding=\"async\" width=\"364\" height=\"364\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content.png\" alt=\"\" class=\"wp-image-2064\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content.png 364w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content-300x300.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/content-150x150.png 150w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong><em>Content container <\/em><\/strong>&#8211; wszystko, co dotyczy stylowania wygl\u0105du kontenerka zawarto\u015bci zam\u00f3wienia:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1.png\" data-lbwps-width=\"365\" data-lbwps-height=\"495\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1-221x300.png\"><img loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"495\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1.png\" alt=\"\" class=\"wp-image-2065\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1.png 365w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/container2-1-221x300.png 221w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><strong><em>Text style <\/em><\/strong>&#8211; stylowanie tekstu zam\u00f3wienia:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle.png\" data-lbwps-width=\"1432\" data-lbwps-height=\"615\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle-300x129.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle-1024x440.png\" alt=\"\" class=\"wp-image-2066\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle-1024x440.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle-300x129.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle-768x330.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/textstyle.png 1432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong><em>Order items <\/em><\/strong>&#8211; opcje dostosowania wy\u015bwietlania zam\u00f3wienia. To tutaj mo\u017cemy np. ustawi\u0107 wy\u015bwietlanie zdj\u0119cia zam\u00f3wionego produktu. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems.png\" data-lbwps-width=\"1464\" data-lbwps-height=\"729\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-300x149.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-1024x510.png\" alt=\"\" class=\"wp-image-2067\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-1024x510.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-300x149.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-768x382.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems-250x124.png 250w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orderitems.png 1464w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong><em>Order addresses<\/em><\/strong> &#8211; stylowanie pola z adresem zam\u00f3wienia:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address.png\" data-lbwps-width=\"1511\" data-lbwps-height=\"506\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address-300x100.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address-1024x343.png\" alt=\"\" class=\"wp-image-2068\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address-1024x343.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address-300x100.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address-768x257.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/orders-address.png 1511w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Ostatnim elementem jest stylowanie przycisk\u00f3w w dziale <strong><em>Button styles <\/em><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/przyciski.png\" data-lbwps-width=\"537\" data-lbwps-height=\"813\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/przyciski-198x300.png\"><img loading=\"lazy\" decoding=\"async\" width=\"537\" height=\"813\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/przyciski.png\" alt=\"\" class=\"wp-image-2070\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/przyciski.png 537w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/przyciski-198x300.png 198w\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Po zako\u0144czeniu stylowania odpowiedniego szablonu maila, mo\u017cemy przetestowa\u0107 wygl\u0105d, wysy\u0142aj\u0105c wiadomo\u015b\u0107. Opcj\u0119 t\u0119 znajdziemy w g\u00f3rnym panelu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/testemail.png\" data-lbwps-width=\"605\" data-lbwps-height=\"307\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/testemail-300x152.png\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"307\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/testemail.png\" alt=\"\" class=\"wp-image-2071\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/testemail.png 605w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/testemail-300x152.png 300w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pami\u0119tajmy, aby przed wyj\u015bciem z customizera, zapisa\u0107 wszystkie opcje kilkaj\u0105c Opublikuj (g\u00f3rny prawy r\u00f3g). W razie w\u0105tpliwo\u015bci, zawsze mo\u017cemy zresetowa\u0107 nasz wygl\u0105d przyciskiem &#8211; pami\u0119taj\u0105c jednak, \u017ce wtedy wszystkie zmiany w szablonach musimy wprowadzi\u0107 na nowo. <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Poniewa\u017c wygl\u0105d maili w WooCommerce mo\u017cemy personalizowa\u0107 tylko w niewielkim stopniu, a bardziej zaawansowany wygl\u0105d wymaga znajomo\u015bci HTML, cz\u0119sto u\u017cytkownicy rezygnuj\u0105 z modyfikacji. W tym artykule poka\u017cemy, jakw zmieni\u0107 standardowy wygl\u0105d maili ze sklepu za pomoc\u0105 bezp\u0142atnej wtyczki Decorator \u2013 WooCommerce Email Customizer. Instalacja oraz uruchomienie customizera Wtyczk\u0119 pobierzemy bezp\u0142atnie z repozytorium plugin\u00f3w WordPressa (je\u017celi [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2073,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6,26,3],"tags":[21],"class_list":["post-2038","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-porady","category-sklep","category-wordpress","tag-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl<\/title>\n<meta name=\"description\" content=\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl\" \/>\n<meta property=\"og:description\" content=\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jdm.pl\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-08T11:29:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-08T11:29:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/\"},\"author\":{\"name\":\"Anna Starek-Wr\u00f3bel\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"headline\":\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce?\",\"datePublished\":\"2022-06-08T11:29:40+00:00\",\"dateModified\":\"2022-06-08T11:29:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/\"},\"wordCount\":607,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/wyglad-maili-woocommerce.png\",\"keywords\":[\"WooCommerce\"],\"articleSection\":[\"Porady\",\"Sklep\",\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/\",\"name\":\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/wyglad-maili-woocommerce.png\",\"datePublished\":\"2022-06-08T11:29:40+00:00\",\"dateModified\":\"2022-06-08T11:29:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"description\":\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/wyglad-maili-woocommerce.png\",\"contentUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/wyglad-maili-woocommerce.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/jak-zmienic-wyglad-maili-w-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\",\"name\":\"Blog jdm.pl\",\"description\":\"WordPress tutoriale i porady\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\",\"name\":\"Anna Starek-Wr\u00f3bel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"caption\":\"Anna Starek-Wr\u00f3bel\"},\"sameAs\":[\"https:\\\/\\\/cmo.im\"],\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/author\\\/anna-starek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl","description":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/","og_locale":"pl_PL","og_type":"article","og_title":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl","og_description":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.","og_url":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/","og_site_name":"Blog jdm.pl","article_published_time":"2022-06-08T11:29:40+00:00","article_modified_time":"2022-06-08T11:29:41+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","type":"image\/png"}],"author":"Anna Starek-Wr\u00f3bel","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Anna Starek-Wr\u00f3bel","Szacowany czas czytania":"8 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#article","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/"},"author":{"name":"Anna Starek-Wr\u00f3bel","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"headline":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce?","datePublished":"2022-06-08T11:29:40+00:00","dateModified":"2022-06-08T11:29:41+00:00","mainEntityOfPage":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/"},"wordCount":607,"commentCount":0,"image":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","keywords":["WooCommerce"],"articleSection":["Porady","Sklep","WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/","url":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/","name":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce? - Blog jdm.pl","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","datePublished":"2022-06-08T11:29:40+00:00","dateModified":"2022-06-08T11:29:41+00:00","author":{"@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"description":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce i nada\u0107 im spersonalizowany wygl\u0105d bez samodzielnego pisania kodu HTML.","breadcrumb":{"@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#primaryimage","url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","contentUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/jdm.pl\/blog\/jak-zmienic-wyglad-maili-w-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jdm.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Jak zmieni\u0107 wygl\u0105d maili w WooCommerce?"}]},{"@type":"WebSite","@id":"https:\/\/jdm.pl\/blog\/#website","url":"https:\/\/jdm.pl\/blog\/","name":"Blog jdm.pl","description":"WordPress tutoriale i porady","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jdm.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0","name":"Anna Starek-Wr\u00f3bel","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","caption":"Anna Starek-Wr\u00f3bel"},"sameAs":["https:\/\/cmo.im"],"url":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"}]}},"jetpack_featured_media_url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png","uagb_featured_image_src":{"full":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png",1200,630,false],"thumbnail":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce-150x150.png",150,150,true],"medium":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce-300x158.png",300,158,true],"medium_large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce-768x403.png",640,336,true],"large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce-1024x538.png",640,336,true],"hd_qu_size2":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png",400,210,false],"1536x1536":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png",1200,630,false],"2048x2048":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce.png",1200,630,false],"sidebar-thumb":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2022\/06\/wyglad-maili-woocommerce-250x124.png",250,124,true]},"uagb_author_info":{"display_name":"Anna Starek-Wr\u00f3bel","author_link":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"},"uagb_comment_info":0,"uagb_excerpt":"Poniewa\u017c wygl\u0105d maili w WooCommerce mo\u017cemy personalizowa\u0107 tylko w niewielkim stopniu, a bardziej zaawansowany wygl\u0105d wymaga znajomo\u015bci HTML, cz\u0119sto u\u017cytkownicy rezygnuj\u0105 z modyfikacji. W tym artykule poka\u017cemy, jakw zmieni\u0107 standardowy wygl\u0105d maili ze sklepu za pomoc\u0105 bezp\u0142atnej wtyczki Decorator \u2013 WooCommerce Email Customizer. Instalacja oraz uruchomienie customizera Wtyczk\u0119 pobierzemy bezp\u0142atnie z repozytorium plugin\u00f3w WordPressa (je\u017celi&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/comments?post=2038"}],"version-history":[{"count":5,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2038\/revisions"}],"predecessor-version":[{"id":2072,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/2038\/revisions\/2072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media\/2073"}],"wp:attachment":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media?parent=2038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/categories?post=2038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/tags?post=2038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}