Jak dodać niestandardowy kod CSS do szablonów transakcyjnych wiadomości e-mail WooCommerce?

Opublikowany: 2020-10-25

E-maile są istotną częścią udanej operacji WooCommerce. Ale haczyk polega na tym, że użytkownicy lub klienci często ignorują wiadomości transakcyjne. Nie chcesz naprawić brakującego ogniwa? Konfigurator poczty e-mail WooCommerce plus zapewnia potężne łącze między sklepem WooCommerce a klientem za pośrednictwem e-maili transakcyjnych.

Poza tym, aby zyskać przewagę nad dominującą na rynku personalizacją poczty e-mail, musisz wiedzieć „jak edytować CSS e-maili WooCommerce?”. Wiedza więcej niż najwięcej jest sztuką rzemieślniczą. Edytuj e-maile w WooCommerce i dodaj swój niestandardowy akcent. Utwórz niestandardowy szablon wiadomości e-mail dla operacji WooCommerce, e-maili, które przyciągają uwagę klientów.

Istnieje wiele wtyczek do dostosowywania poczty e-mail WooCommerce, które oferują eleganckie i przyciągające wzrok szablony dla lepszych wyników. Ale pójście o krok dalej zawsze przyniesie najlepsze wyniki, a aby to zrobić, musisz wiedzieć o dostosowywaniu CSS w swoich szablonach transakcyjnych. Zmień e-maile transakcyjne w zależności od wymagań.

E-maile transakcyjne obejmują; nowe wiadomości e-mail dotyczące zamówień, zamówienia anulowane, zamówienia nieudane, zamówienie wstrzymane, zamówienie zrealizowane, zamówienie zrealizowane, zamówienie zrealizowane, zamówienie zwrócone, faktura klienta, niestandardowa notatka z podziękowaniem, zresetowanie hasła i nowe konto.

Zanurzmy się i zrozummy, jak dostosowywać dostosowywanie poczty e-mail WooCommerce poprzez dodanie CSS.

Zanim zaczniesz, upewnij się, że zainstalowałeś i aktywowałeś popularną wtyczkę WooCommerce Email Customizer:

Pobierz wtyczkę dostosowującą pocztę e-mail

Niestandardowy CSS do e-maili transakcyjnych WooCommerce

W przeciwieństwie do WordPressa, dodanie CSS email WooCommerce nie może być dodane do Twojego style.css w celu dostosowania e-maili transakcyjnych. W tym przypadku wzięliśmy za przykład dodanie niestandardowego CSS do jednej z najlepszych wtyczek do dostosowywania poczty e-mail WooCommerce w przestrzeni WooCommerce.

Krok pierwszy :
Zaloguj się do pulpitu administracyjnego WooCommerce i wybierz wtyczkę dostosowywania poczty e-mail.

01 wybierz wtyczkę dostosowywania poczty e-mail

Krok drugi
Po wybraniu wtyczki zostaniesz przekierowany do głównej strony pulpitu nawigacyjnego wtyczki, gdzie znajdziesz listę szablonów transakcyjnych wiadomości e-mail, które można edytować w zależności od wymagań.

02 konfigurator poczty e-mail wybierz pulpit nawigacyjny

Krok trzeci
Gdy już tam jesteś, możesz zobaczyć menu ustawień w górnej części deski rozdzielczej. Wybierz menu ustawień.

03 menu ustawień dostosowywania e-maili

Krok czwarty
W menu ustawień będziesz musiał edytować szablony e-maili i opcję dodania niestandardowego CSS do e-maili transakcyjnych.

04 e-mail css opcja dodawania

Po zakończeniu dodawania niestandardowych zmian CSS do szablonów możesz zapisać zmiany i gotowe.

05 e-mail opcja zapisywania css

Wprowadzone zmiany zostaną odzwierciedlone w Twoich e-mailach transakcyjnych. Możesz tworzyć wiele modyfikacji, aby spełnić swoje potrzeby biznesowe, a te zmiany mogą zapewnić wyniki, gdy zostaną wykonane w sposób responsywny. Proste i tylko kilka kliknięć i gotowe.

Zmiany te można zmieniać, kiedy tylko uznasz to za konieczne, dzięki czemu możliwe jest wprowadzanie zmian w czasie rzeczywistym. Jak widać powyżej, dodatek CSS do dostosowywania wiadomości e-mail jest prosty i skuteczny dzięki odpowiedniej wtyczce.

Ciekawe powody, dla których warto dodać niestandardowy CSS

Domyślne e-maile dostępne w konfiguratorze poczty WooCommerce są dobre, ale po prostu się nie ograniczają. Mają doskonały współczynnik otwarć, ale dostosowanie szablonu e-mail WooCommerce może przenieść Cię na wyższy poziom.

Dodanie CSS pozwala zmienić nagłówek wiadomości e-mail WooCommerce, kolory wiadomości e-mail WooCommerce, edytować wiadomości e-mail w WooCommerce i utworzyć niestandardowy szablon wiadomości e-mail w przestrzeni WooCommerce. Dzięki połączonej skuteczności kontroli poczty e-mail Woo i CSS, będziesz dodawać lepsze wyniki.

Dlaczego dodać CSS?

  • Utwórz niestandardowy szablon wiadomości e-mail w WooCommerce, aby spełnić wymagania klientów i wymagania biznesowe.
  • Lepiej noś swoją markę i pozycję sklepu
  • Przyciągające uwagę i lepszy współczynnik klikalności dla przycisków wezwania do działania w zestawie
  • Lepsza świadomość marki i wyjątkowa relacja z klientami
  • Zwiększony współczynnik zaangażowania odbiorców
  • Interaktywne e-maile
  • Lepiej responsywny projekt dopasowany do Twojego gustu i potrzeb biznesowych

Oto niektóre z najlepszych powodów, dla których możesz dodać niestandardowy CSS do swoich e-maili WooCommerce. Przede wszystkim dostosowanie dodawania CSS jest bardzo łatwe, więc dlaczego przegapić okazję, by zaimponować klientowi?

Na ostatnią nutę

Dostosowanie szablonu e-mail WooCommerce to jeden z najlepszych sposobów na dotarcie do umysłów klientów. Zajmij szczególne miejsce na radarze zakupów swoich klientów. Wtyczki WooCommerce do dostosowywania poczty e-mail oferują mnóstwo funkcji, a najlepszą z nich jest opcja dodania niestandardowego kodu CSS. To może zająć Twoją firmę długą drogę i gwarantuje wyniki.

Dostępna i użyteczna jednocześnie. Wprowadzone przez Ciebie zmiany CSS mogą sprawić, że klient pomyśli o Twoim sklepie lub marce przy następnym zakupie. E-maile od specjalnego kontaktu z klientem, więc używaj go mądrze.

FAQ

Dostosowywanie wiadomości e-mail WooCommerce to proces dostosowywania wiadomości e-mail wysyłanych ze sklepu WooCommerce do klientów. Dostosowanie obejmuje zmiany, które mogą spowodować interakcję klientów ze sklepem lub marką. Niestandardowe e-maile mogą poprawić wykres sprzedaży sklepu lub marki.

Dodanie CSS do wiadomości e-mail z zamówieniami WooCommerce jest proste; wymagają wydajnej wtyczki do dostosowywania poczty e-mail WooCommerce. Wtyczka udostępnia opcje w menu ustawień, aby wprowadzić zmiany za pomocą CSS. Możesz dowiedzieć się szczegółowo z powyższego artykułu.

Baza klientów i klienci docelowi to dwie rzeczy właściciela sklepu przed dostosowaniem dowolnej wiadomości e-mail. Zazwyczaj dostosowywanie obejmuje zmiany w rozmieszczeniu logo, rozmieszczenie zdjęć w treści wiadomości, podziękowanie i wiele więcej. Wszystko zależy od wymagań biznesowych sklepu.

Istnieje wiele wtyczek w WooCommerce do dostosowywania poczty e-mail. Najlepsze konfiguratory poczty e-mail WooCommerce umożliwiają bezproblemową personalizację każdego e-maila wysłanego z Twojego sklepu.

We wtyczce dostępna jest opcja resetowania, która może przywrócić domyślny lub oryginalny szablon wiadomości e-mail. Może cofnąć wprowadzone zmiany i dostarczyć domyślny szablon wiadomości e-mail.