Jak dostosować wiadomości e-mail WooCommerce + wyświetlić ich podgląd przed wysłaniem

Zmagasz się z dostosowywaniem wiadomości e-mail WooCommerce ?

WooCommerce oferuje już automatyczne wiadomości e-mail transakcyjne dla ponad 10 akcji, takich jak nowe zamówienia, przetworzone zamówienia i nowe konta. Jednak prawdopodobnie zechcesz dostosować te e-maile, aby były własne.

W tym samouczku krok po kroku dowiesz się, jak dostosować wiadomości e-mail WooCommerce za pomocą wbudowanych ustawień w WooCommerce, a także niektórych darmowych lub płatnych wtyczek, których możesz użyć, aby uzyskać jeszcze większą kontrolę nad wiadomościami e-mail swojego sklepu.

Spis treści:

Dlaczego powinieneś dostosowywać e-maile WooCommerce?

• Aby zmienić z domyślnego fioletu WooCommerce na kolor bardziej odpowiedni dla Twojej marki.
• Aby dodać personalizację i głos marki do szablonów wiadomości e-mail.
• Aby zmienić ustawienia, takie jak nazwa „Od” lub adres „Od”.
• Aby dodać elementy multimedialne, takie jak logo, obraz nagłówka lub animowane pliki GIF.
• Aby dezaktywować niektóre automatyczne wiadomości, które nie pasują do Twojej operacji.
• Aby połączyć się ze stronami pomocy technicznej, ofertami promocyjnymi lub promocjami.
• Aby przełączać się między typami wiadomości e-mail w formacie HTML i tekstowym.
• Aby wyświetlić podgląd wiadomości e-mail przed włączeniem jej w celu automatyzacji.

Jak dostosować e-maile WooCommerce?

Dzięki wbudowanym ustawieniom w WooCommerce możesz dostosować wiele części wiadomości e-mail WooCommerce, w tym:

• Opcje nadawcy wiadomości e-mail ️
• Ogólny motyw wiadomości e-mail
• Konkretna treść e-maila

Poniżej pokażemy, jak dostosować te wbudowane ustawienia. Następnie udostępnimy również niektóre wtyczki do dostosowywania poczty e-mail WooCommerce, które w razie potrzeby zapewniają jeszcze większą elastyczność.

Krok 1: Przejdź do ustawień poczty e-mail w WooCommerce

Na pulpicie WordPress przejdź do WooCommerce > Ustawienia > E-maile . Tutaj zobaczysz nagłówek powiadomień e-mail wraz z listą domyślnych powiadomień e-mail, które WooCommerce już dla Ciebie skonfigurował.

Krok 2: Dostosuj opcje i szablon nadawcy wiadomości e-mail

Przewiń listę powiadomień e-mail, aby znaleźć sekcję „Opcje nadawcy wiadomości e-mail”.

Zobaczysz dwa pola:

• Nazwa „Od”: nazwa, którą klienci widzą, gdy otrzymują wiadomość e-mail — trzymaj się nazwy firmy lub potencjalnie prawdziwej osoby, jeśli są częścią Twojej strategii brandingowej.
• Adres „Od”: adres e-mail „od”, z którym użytkownicy mogą się skontaktować, jeśli odpowiedzą na automatyczną wiadomość e-mail.

W razie potrzeby zmodyfikuj te pola.

W sekcji Szablon e-maila możesz zacząć dostosowywać elementy, takie jak:

• Obraz nagłówka
• Tekst stopki
• Kolor podstawowy
• Kolor tła ciała
• Kolor tekstu ciała

Jeśli chcesz dodać niestandardowy obraz nagłówka do wiadomości e-mail, wklej adres URL obrazu w polu Obraz nagłówka . Możesz umieścić obraz w swojej bibliotece multimediów WordPress i stamtąd uzyskać adres URL obrazu.

Zalecamy również usunięcie tekstu „Built with WooCommerce” ze stopki. Możesz dodać w stopce wszystko, co chcesz.

W dalszej części obszaru Szablon wiadomości e-mail znajdziesz ustawienia kolorów dla ogólnego szablonu wiadomości e-mail WooCommerce. Jak wspomniano wcześniej, WooCommerce automatycznie dodaje swój domyślny fioletowy jako kolor bazowy, co nie jest tym, czego chcesz podczas prowadzenia sklepu internetowego .

Wybierz kolor, który odpowiada Twojej marce jako kolor bazowy i rozważ zmianę innych pól kolorów, jeśli zajdzie taka potrzeba.

Po zakończeniu kliknij Zapisz zmiany .

Krok 3: Dostosuj określone e-maile WooCommerce

Od wiadomości e-mail o nowych zamówieniach po wiadomości e-mail o zakończonych zamówieniach , WooCommerce zapewnia gotowe szablony, które są automatycznie wysyłane do administratorów witryny i klientów, aby informować wszystkich o zamówieniach. Jednak będziesz chciał dostosować niektóre z tych e-maili, aby zawierały własną treść i usunąć niektóre niepotrzebne ustawienia domyślne WooCommerce.

Dokończ indywidualne dostosowywanie wiadomości e-mail, klikając Zarządzaj obok wiadomości e-mail, którą chcesz edytować. Nie jest złym pomysłem, aby zacząć od e-maili „Przetwarzanie zamówienia” i „Zakończone zamówienie” , ponieważ są one najczęściej przeglądane przez klienta.

Przejdź przez następujące pola w zależności od Twoich potrzeb:

• Włącz/Wyłącz
• Temat
• Nagłówek e-maila
• Dodatkowa zawartość

Sugerujemy pozostawienie włączonych wszystkich wiadomości e-mail WooCommerce, chyba że masz wyjątkową sytuację, w której nie potrzebujesz jednego z nich lub jeśli zamierzasz używać oddzielnej wtyczki do wiadomości transakcyjnych.

Pola takie jak Temat , Nagłówek e-maila i Treść dodatkowa określają ogólną treść e-maili, więc dostosuj je w razie potrzeby.

Kliknij „?” ikony, aby zobaczyć, które dynamiczne symbole zastępcze są dostępne do wstawienia do pól zawartości. Na przykład możesz użyć symbolu zastępczego, aby WooCommerce wypełnił link do Twojej witryny w każdym e-mailu.

Krok 4: Ustaw jako e-mail w formacie HTML lub zwykły tekst

Kliknij pole Typ e-maila , aby wyświetlić opcje. Wybierz jedno z poniższych:

• Zwykły tekst: e-maile bez obrazów i formatowania
• HTML: e-maile z bogatą zawartością, taką jak obrazy, tabele i formatowanie
• Wieloczęściowy: ten dynamicznie przełącza między zwykłym tekstem a HTML na podstawie klienta poczty e-mail użytkownika, ponieważ niektórzy klienci nie obsługują wiadomości e-mail w formacie HTML

Krok 5: Rozważ edycję szablonu HTML

Na samym dole strony zobaczysz sekcję o nazwie „Szablon HTML”. WooCommerce nie ma edytora „przeciągnij i upuść” dla swoich e-maili, ale możesz dostosować kod HTML każdej wiadomości e-mail.

Kliknij przycisk Wyświetl szablon , aby zobaczyć jego kod.

WooCommerce blokuje swój domyślny szablon HTML, więc nie możesz niczego edytować. Możesz jednak kliknąć przycisk Kopiuj plik do motywu , aby nadpisać i edytować szablon.

Następnie możesz umieścić kursor w edytorze tekstu i wprowadzić zmiany. Zalecamy korzystanie z tej sekcji tylko wtedy, gdy znasz się na HTML.

Jeśli nie czujesz się komfortowo podczas bezpośredniej edycji tego kodu, możesz zatrudnić programistę WordPress. Możesz też wypróbować jedną z wtyczek poczty e-mail WooCommerce, które udostępnimy w następnej sekcji.

I tak dostosowujesz wiadomości e-mail WooCommerce! Kliknij przycisk Zapisz zmiany , aby zakończyć proces.

Jak wyświetlić podgląd e-maili WooCommerce

Musisz wyświetlić podgląd wiadomości e-mail dotyczących transakcji, zanim zostaną wysłane do klientów. W ten sposób możesz sprawdzić, czy nie ma błędów ortograficznych, brandingu WooCommerce, który wymaga zmiany, oraz możliwości promocji lub sprzedaży dodatkowej.

Oto jak wyświetlić podgląd wiadomości e-mail WooCommerce.

Krok 1: Wyświetl wizualny podgląd ogólnego szablonu wiadomości e-mail

W sekcji WooCommerce > Ustawienia > E-maile , znajdź sekcję Szablon e-mail i kliknij link „Kliknij tutaj, aby wyświetlić podgląd szablonu wiadomości e-mail”.

Spowoduje to otwarcie nowego okna przeglądarki wyświetlającego wiadomość e-mail z określonymi ogólnymi ustawieniami poczty e-mail. Powinieneś zobaczyć nowe kolory, obraz nagłówka i edytowaną stopkę, jeśli to wszystko zmieniłeś. Pamiętaj, że treść podglądu szablonu pozostaje ogólna.

Krok 2: Uruchom transakcje testowe, aby wyświetlić poszczególne e-maile z dynamiczną zawartością

Najprawdopodobniej chcesz zobaczyć rzeczywiste wiadomości e-mail wysyłane do klientów, ale WooCommerce nie ma funkcji umożliwiających wyświetlanie tych podglądów wizualnych. Zamiast tego musisz uruchomić transakcje testowe, aby wywołać wiadomości e-mail do własnej skrzynki odbiorczej.

Oto jak to zrobić:

1. Upewnij się, że masz aktywowane płatności WooCommerce Payments i metodę płatności Stripe.
2. Dodaj produkt do koszyka i wypełnij informacje tak, jakbyś był klientem.
3. W polu E-mail dodaj swój adres e-mail.
4. W polu karty kredytowej użyj jednej z kart testowych Stripe, aby przetworzyć płatność.
5. Zakończ wymeldowanie.

Transakcja testowa powinna wysłać Ci wiadomość e-mail dotyczącą przetwarzania zamówień , która pozwoli Ci zobaczyć, jak e-maile wyświetlają się klientom. Sprawdź, czy tagi dynamiczne wyświetlają się prawidłowo oraz czy wszystkie elementy marki i wstawiony tekst wyświetlają się prawidłowo.

Aby wywołać inne e-maile, przejdź do WooCommerce > Zamówienia i dostosuj pole Status na coś innego. Na przykład możesz przełączyć go na Ukończone , aby wywołać wiadomość e-mail o zrealizowanym zamówieniu z WooCommerce. Upewnij się, że klikniesz przycisk Aktualizuj , aby zapisać zmianę.

Następnie jest wysyłany do Twojej skrzynki odbiorczej, abyś mógł ją przejrzeć.

Aby uprościć proces, możesz rozważyć wtyczkę taką jak WooCommerce Email Test.

Wtyczki, które pomagają dostosowywać e-maile WooCommerce

Kilka wtyczek zapewnia zaawansowane narzędzia do dostosowywania poczty e-mail WooCommerce, które rozszerzają obecne funkcje WooCommerce lub całkowicie je zastępują, zapewniając bardziej przyjazne dla użytkownika (zwykle przeciąganie i upuszczanie).

Oto kilka wtyczek dostosowywania WooCommerce do rozważenia:

Możesz także zastąpić wiadomości transakcyjne WooCommerce usługą e-mail marketingu, taką jak Omnisend, MailPoet lub Sendinblue, z których wszystkie oferują automatyzację e-commerce i dodatkowe opcje, takie jak odzyskiwanie porzuconych koszyków.

Dostosuj swoje e-maile WooCommerce już dziś

Większość raczkujących sklepów e-commerce może uciec z podstawowymi dostosowaniami poczty e-mail WooCommerce, ale zalecamy ostatecznie zapłacić za edytor poczty e-mail premium, taki jak jedna z wtyczek lub oprogramowania do marketingu e-mail, które omówiliśmy powyżej.

Po ustaleniu e-maili transakcyjnych Twojego sklepu możesz przeczytać nasz przewodnik na temat marketingu e-mailowego WooCommerce, aby również przyswoić sobie e-maile marketingowe.

Jeśli potrzebujesz wyjaśnień na temat dostosowywania wiadomości e-mail WooCommerce lub chcesz podzielić się wskazówkami z innymi użytkownikami edytującymi swoje wiadomości e-mail, napisz do nas w komentarzach!