Jak tworzyć piękne e-maile WooCommerce za pomocą wtyczki Email Customizer?

Opublikowany: 2019-09-16

W przypadku sklepu internetowego e-mail odgrywa kluczową rolę w marketingu. Ważniejsze jest dodawanie wartości do skrzynek odbiorczych klientów poprzez e-maile transakcyjne. Im bardziej zaangażujesz się w kontakt z klientami, uzyskasz jasny obraz tego, czego wymagają i czego oczekują.

Nikt nie zachęca do nudnych i kiepskich maili do swoich skrzynek odbiorczych. To całkiem oczywiste, że we wszystkich dziedzinach zachęca się do kreatywności. Kreatywności nie można ustawić, im więcej używasz, tym więcej zyskujesz. Kiedy kreatywnie komunikujesz się ze swoimi klientami za pomocą spersonalizowanych wiadomości e-mail, masz gwarancję doskonałych wyników.

Jako sprzedawca online możesz łatwo dodać odwiedzających swoją witrynę do listy subskrypcji, tworząc atrakcyjne e-maile. E-maile transakcyjne można dostosować, aby uzyskać lepsze przychody za pomocą wtyczki WooCommerce Email Customizer.

WooCommerce Email Customizer z przeciągnij i upuść Email Builder - Dostosowuje kolor, nagłówek, stopkę, logo, link do sieci społecznościowej, skróty, aby uwzględnić dane dynamiczne. Dostosowanie wiadomości e-mail za pomocą specjalnych technik może zwiększyć wartość wysyłanej wiadomości.

Czytaj dalej, aby dowiedzieć się więcej o dostosowywaniu e-maili transakcyjnych dla Twojego sklepu WooCommerce.

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

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

Spis treści

  • Dlaczego personalizacja poczty e-mail w WooCommerce jest niezbędna?
  • Korzyści z dostosowywania poczty e-mail
  • Edytowalne szablony w konfiguratorze poczty e-mail WooCommerce
  • Funkcje kreatora przeciągania i upuszczania w dostosowywaniu poczty e-mail WooCommerce
  • Instalacja WooCommerce Email Customizer
  • Twórz i dostosowuj interaktywne e-maile transakcyjne dla swojego sklepu WooCommerce
    • Sekcja nagłówka
    • Treść e-maila
    • Sekcja stopki
  • Podstawowe ustawienia w konfiguratorze poczty WooCommerce
    • Ustawienia zakładki Ogólne
    • Resetuj szablony
    • Importuj/eksportuj szablony
    • Włącz/wyłącz szablony
  • Zatrzymany kupon na następne zamówienie

Dlaczego personalizacja poczty e-mail w WooCommerce jest niezbędna?

Wartość marki to najważniejszy aspekt biznesu. Jako sprzedawca internetowy konieczne jest, aby Twój sklep sprzedawał więcej i wyglądał jak najlepiej. Kiedy wszystkie funkcje i działania Twojego sklepu mają równy udział w osiąganiu wartości Twojej marki, czy nie uważasz, że e-maile wysyłane do Twoich klientów również mają taki sam wpływ?

Można to osiągnąć, dostosowując wiadomości transakcyjne za pomocą najskuteczniejszej wtyczki WooCommerce Email Customizer za pomocą narzędzia Drag and Drop Builder. Ma predefiniowane szablony wiadomości e-mail, które można importować i wdrażać zgodnie z wymaganiami.

Wtyczka obsługuje wiele języków, a także umożliwia dodawanie dynamicznych informacji do wiadomości e-mail za pomocą skrótów. Inną interesującą funkcją jest to, że możesz zaprojektować swój własny szablon, korzystając programowo z niestandardowego CSS.

Pobierz Konfigurator poczty e-mail dla WooCommerce


Korzyści z dostosowywania poczty e-mail

WooCommerce Email Customizer pomaga efektywniej i bez wysiłku tworzyć i dostosowywać wiadomości transakcyjne. Wtyczka aktualizuje powiadomienia e-mail sklepu o znacznie bardziej efektywne projekty. Najważniejszą cechą jest to, że nie będą wysyłane duplikaty e-maili. Twoi klienci uznają to za estetyczne, gdy otrzymają spersonalizowane wiadomości transakcyjne na swoje skrzynki odbiorcze, co ostatecznie zwiększy wartość Twojej marki.

E-maile transakcyjne działają jak pomost komunikacji między Tobą a Twoimi klientami. Bardzo ważne jest, aby te e-maile były dostosowane w sposób, który sprawi, że klienci będą zachęcać do wielokrotnego zakupu w Twoim sklepie. Można to całkowicie osiągnąć dzięki wtyczce WooCommerce Email Customizer.

Poznajmy inne zalety WooCommerce Email Customizer,

  • Ponieważ ma predefiniowane szablony, tworzenie e-maili transakcyjnych jest proste.
  • Dostosowany szablon wiadomości e-mail można zapisać i ponownie wykorzystać, gdy jest to wymagane.
  • Jest to mniej czasochłonne, ponieważ nie musisz zaczynać od zera, aby tworzyć swoje e-maile.
  • Możesz nawet stylizować własny szablon za pomocą niestandardowego CSS
  • Dane dynamiczne można umieścić w wiadomości e-mail za pomocą skrótów.
  • Obsługuje wiele języków
  • Przekonasz się, że jest elastyczny podczas tworzenia e-maili.
  • Nawet testowe wiadomości e-mail są wysyłane, aby mieć podgląd wiadomości e-mail przed wysłaniem jej do klientów.

Edytowalne szablony w konfiguratorze poczty e-mail WooCommerce

Za pomocą narzędzia WooCommerce Email Customizer możemy bez wysiłku dostosować następujące szablony wiadomości e-mail:

  • Nowe zamówienie — wysyłane, gdy klient złoży nowe zamówienie.
  • Anulowane zamówienie — wysyłane do klienta po anulowaniu złożonego zamówienia.
  • Zamówienie nieudane - wysyłane, gdy klient nie dokona płatności za złożone zamówienie.
  • Zamówienie wstrzymane — zawiera szczegóły dotyczące wstrzymania złożonego zamówienia.
  • Przetwarzanie zamówienia – wysyłane po dokonaniu przez klienta płatności i zawierające szczegóły zamówienia.
  • Zrealizowane zamówienie — wysyłane do klienta po skompletowaniu zamówienia i wysłaniu zamówienia.
  • Zamówienie zwrócone - Wysyłane do klienta, gdy zamówienia są oznaczone jako zwrócone.
  • Faktura klienta/Szczegóły zamówienia — zawiera szczegóły zamówienia wraz z linkami do płatności.
  • Notatka dla klienta - Aby przekazać sklepowi jakąkolwiek notatkę przez klienta.
  • Resetuj hasło — wysyłane do klienta, gdy poprosi o zresetowanie hasła.
  • Nowe konto — strona rejestracji konta, wysyłana do klienta w celu rejestracji w momencie realizacji transakcji.

Funkcje kreatora przeciągania i upuszczania w dostosowywaniu poczty e-mail WooCommerce

Konstruktor przeciągania i upuszczania w programie WooCommerce Email Customizer pomaga w prosty sposób dostosować wiadomości e-mail. Jest bardzo elastyczny i wygodny do wdrożenia. To sprawia, że ​​e-maile transakcyjne są tak interaktywne i pouczające, że Twoi klienci będą do Ciebie wracać.

Przeciągnij i upuść Builder pozwala dodać logo, nagłówek, stopkę, obrazy do szablonu wiadomości e-mail i uatrakcyjnić go. Możesz także dodawać linki społecznościowe do swoich e-maili, aby Twoi klienci mogli łatwo się z Tobą skontaktować.

Najważniejszą funkcją kreatora przeciągania i upuszczania jest możliwość dodawania kuponów następnego zamówienia do transakcyjnego e-maila poprzez integrację Retainful z wtyczką Email Customizer. Klient może otrzymać dynamicznie wygenerowany kod kuponu w wiadomości e-mail z powiadomieniem o zamówieniu. Ta funkcja zachęci klientów do regularnego kupowania od Ciebie więcej, co ostatecznie zwiększy ruch i przychody Twojego sklepu.


Instalacja WooCommerce Email Customizer

Pobierz i zainstaluj WooCommerce Email Customizer za pomocą narzędzia Drag and Drop Builder w panelu administracyjnym WordPress.

Krok 1: Zaloguj się do pulpitu WordPress, kliknij Wtyczki-> Dodaj nowy, jak pokazano poniżej,

1 Dodaj nową wtyczkę

Krok 2: Kliknij „Prześlij wtyczkę”
Krok 3: Kliknij „Przeglądaj” i wybierz pakiet wtyczek Email Customizer.

2 wtyczki do przesyłania

Naciśnij przycisk „Zainstaluj teraz”, aby zainstalować wtyczkę na pulpicie nawigacyjnym.
Krok 4: Kliknij przycisk „Aktywuj wtyczkę”, aby zakończyć proces instalacji, jak pokazano poniżej,

3 aktywuj wtyczkę

Po zainstalowaniu i aktywacji w panelu WordPress,
Kliknij WooCommerce -> WooCommerce Email Customizer

Dostosowanie poczty e-mail 4 wc

Aby być bardziej przejrzystym w procesie instalacji, możesz sprawdzić przewodnik instalacji wtyczki.


Twórz i dostosowuj interaktywne e-maile transakcyjne dla swojego sklepu WooCommerce

Tworzenie transakcyjnych wiadomości e-mail dla Twojego sklepu WooCommerce można osiągnąć za pomocą narzędzia Drag and Drop Builder we wtyczce WooCommerce Email Customizer. Dostosowanie wiadomości e-mail składa się z trzech głównych części:

  • Sekcja nagłówka
  • Treść e-maila
  • Sekcja stopki

Wybierz zamówienie w edytorze e-maili przeciągnij i upuść, które można uznać za przykładowy szablon z fikcyjnymi danymi. W tym module dowiemy się, jak dostosować wiadomość transakcyjną za pomocą WooCommerce Email Customizer.

Edytor poczty e-mail pozwala wybrać język (ponieważ wtyczka obsługuje wiele języków), status zamówienia i odpowiednie zamówienie, jak pokazano poniżej. Służy to tylko do podglądu projektu wiadomości e-mail w czasie rzeczywistym.

5 edytor e-maili

Konstruktor przeciągnij i upuść działa jak kreator stron, w którym możesz po prostu przeciągać i upuszczać bloki obrazów, bloki tekstu, bloki akapitów, a także edytować je zgodnie z wymaganiami.

6 narzędzi do przeciągania i upuszczania

Powyżej znajdują się narzędzia w kreatorze przeciągania i upuszczania, które są przydatne do dostosowywania wiadomości e-mail transakcyjnych.

Przyjrzyjmy się szczegółowo, w jaki sposób te narzędzia są wdrażane do tworzenia interaktywnych e-maili transakcyjnych.

Sekcja nagłówka

Sekcja nagłówka wiadomości e-mail zawiera logo, tytuł itp. Dowiedz się, jak zbudować sekcję nagłówka dla wiadomości e-mail o zrealizowanym zamówieniu.

7 kompletne logo zamówienia

Obraz logo: Aby dodać logo firmy / witryny

To jest najwyższa ikona w kreatorze przeciągania i upuszczania. Przeciągnij i upuść ikonę, aby wstawić logo w e-mailu transakcyjnym. Własne logo firmy można edytować i przesyłać tutaj.

Tytuł i podtytuł: Aby dodać tytuł i podtytuł do wiadomości e-mail

Ta ikona znajduje się obok obrazu logo. Przeciągnij i upuść tę ikonę, aby wstawić tytuł i podtytuł do transakcyjnego e-maila. Tekst tego elementu można edytować w edytorze tekstu.

8 najechania myszką

Po najechaniu myszą na każdy element możesz zobaczyć ikony do usunięcia/przeniesienia/sklonowania, jak pokazano powyżej.

Dzielnik: Ta ikona znajduje się obok „Tytułu i podtytułu” i służy do dodawania poziomej linii między dowolnymi dwoma blokami.

9 edytowalnych pól tekstowych

Edytowalne pole tekstowe: Aby dodać edytowalne pole tekstowe wewnątrz szablonu.
Ta ikona znajduje się za ikoną „Adres wysyłki” , można jej użyć do dodania wymaganego tekstu w dowolnym miejscu szablonu.

Treść e-maila

Treść wiadomości e-mail zawiera szczegóły zamówienia, informacje o kliencie, dane adresowe (rozliczenia/wysyłka), dane dynamiczne itp.

Pozycja zamówienia: Dodanie szczegółów zamówienia do e-maila transakcyjnego.
Ikona pozycji zamówienia służy do dodawania danych, takich jak numer zamówienia, suma częściowa, szczegóły produktu, suma, koszt wysyłki i metoda płatności w formacie tabeli.
Tutaj możesz modyfikować styl tabeli, zmieniając tło i kolor tabeli.

10 ikona elementu zamówienia

Podczas edycji tabeli zamówień możesz zobaczyć jej skrót w edytorze tekstu (prawy panel), jak pokazano powyżej

Adres rozliczeniowy: Aby wprowadzić adres rozliczeniowy klienta, po prostu przeciągnij i upuść ikonę, krótki kod można wyświetlić w edytorze tekstu.

Adres wysyłki: Aby wprowadzić adres wysyłki klienta, po prostu przeciągnij i upuść ikonę, krótki kod można wyświetlić w edytorze tekstu.

Adres rozliczeniowy i wysyłkowy: Wyświetla adres rozliczeniowy i wysyłkowy w 2 kolumnach. Skrót można wyświetlić w edytorze tekstu.

11 adres wysyłki

Rozliczenia, dane klienta i adres wysyłkowy: wyświetla rozliczenie, dane klienta i adres wysyłkowy w 3 kolumnach, jak pokazano powyżej. Skrót można wyświetlić w edytorze tekstu.

Kupon następnego zamówienia: Jest to najbardziej kreatywna funkcja w konfiguratorze poczty e-mail WooCommerce. Ta ikona służy do dodawania kodu kuponu do szablonu wiadomości e-mail, z którego Twoi klienci mogą skorzystać przy następnym zakupie. Następny kupon zamówienia stwarza zamiar regularnego zakupu w Twoim sklepie w celu skorzystania z kodów kuponów. Dzięki temu Twój e-mail będzie atrakcyjny i przyjemny.

12 kuponów na następne zamówienie

Kolor tła: Aby zmienić kolor tła szablonu wiadomości e-mail.

Lista krótkich kodów: Ta ikona służy do dodawania krótkich kodów podczas edycji dowolnego elementu.
Na przykład,

[woo_mb_shipping_country] - Aby uzyskać kraj wysyłki

Powyższy kod można dodać, jeśli chcesz, aby kraj adresu wysyłki był wyświetlany w Twoim e-mailu.
W narzędziu WooCommerce Email Customizer skróty są dostępne w dwóch miejscach. Jeden znajduje się na górze strony, obok przycisku Podgląd. Druga to ostatnia ikona w kreatorze Drag and Drop.

13 krótkich kodów

Klikając dowolne z nich, lista skrótów zostanie wyświetlona jako wyskakujące okienko.

14 lista krótkich kodów

Lista skrótów w narzędziu WooCommerce Email Customizer jest pokazana powyżej. Gdy edytujesz konkretny element, zostanie on uwzględniony w odpowiednim skróconym kodzie.

Niestandardowy krótki kod: Możesz także tworzyć niestandardowe krótkie kody, aby utworzyć skróty, aby uzyskać pola z wtyczki innej firmy.

Sekcja stopki

Sekcja stopki wiadomości e-mail zawiera edytowalne pole stopki, ikony społecznościowe i przycisk, który można kliknąć. Dowiedz się, jak dostosować sekcję stopki wiadomości e-mail.

Blok stopki z tekstem stopki: Jest to edytowalne pole stopki, w którym możesz umieścić tekst, taki jak prawa autorskie i zastrzeżenia, do wiadomości e-mail, co zwiększy wartość wiadomości e-mail transakcyjnej.

Ikony społecznościowe: Ikony społecznościowe są kluczem do szerokiego rozpowszechnienia rynku. Tutaj możesz dodać następujące ikony społecznościowe - FaceBook, Twitter i YouTube.

15-stopkowa sekcja

Klikalny przycisk adresu URL: przeciągnij i upuść tę ikonę do sekcji stopki wiadomości e-mail, aby dodać link przycisku do adresu URL. Tekst przycisku można dowolnie edytować. Ta ikona służy do dodania przycisku subskrypcji do szablonu.
Na przykład - „Kliknij tutaj, aby subskrybować” lub „Kliknij tutaj, aby subskrybować biuletyny”.

Po dostosowaniu wiadomości e-mail za pomocą Konstruktora przeciągania i upuszczania można uzyskać podgląd dostosowanej wiadomości e-mail przed wysłaniem jej do klientów. Masz również możliwość wysłania testowego e-maila w celu zrozumienia jego funkcjonalności.

Niestandardowy e-mail dla wiadomości e-mail o zakończonym zamówieniu jest przedstawiony poniżej.

15B końcowy ekran


Podstawowe ustawienia w konfiguratorze poczty WooCommerce

Istnieje kilka podstawowych ustawień, o które należy zadbać przed zbudowaniem transakcyjnego e-maila. Konfiguracje można wykonać zgodnie z wymaganiami. Wprowadzone tutaj konfiguracje zostaną odzwierciedlone w szablonach wiadomości e-mail (na przykład kolor obramowania tabeli pozycji zamówienia - wybrany tutaj kolor zostanie odzwierciedlony w szablonie).

Przyjrzyjmy się bliżej ustawieniom w WooCommerce Email Customizer

Kliknij ikonę „Ustawienia”, która znajduje się w lewym górnym rogu, aby skonfigurować ustawienia, jak pokazano poniżej.

16 podstawowych ustawień

Kliknięcie powyższej ikony spowoduje przejście do strony ustawień,

Strona 17 ustawień

Ustawienia zakładki Ogólne

Klucz licencyjny — zweryfikuj swój klucz licencyjny w celu przyszłych aktualizacji.

Wyświetl instrukcję płatności nad tabelą zamówień — tutaj możesz wybrać, czy chcesz włączyć/wyłączyć instrukcje płatności nad tabelą zamówień.

Pokaż obraz produktu — aby włączyć/wyłączyć obraz zakupionego produktu w wiadomości e-mail dotyczącej transakcji.

Pokaż kod SKU produktu — ta opcja jest prawidłowa tylko po dodaniu kodu SKU dla utworzonych produktów. Ma to na celu włączenie/wyłączenie kodu SKU zakupionego produktu w wiadomości e-mail ze szczegółami zamówienia.

Tabela pozycji zamówienia Kolor obramowania — służy do wybrania koloru obramowania dla tabeli zamówień, jeśli jest to wymagane. Jest to całkowicie opcjonalne.

Szerokość kontenera — wyświetla szerokość kontenera poczty e-mail.

Niestandardowy CSS — możesz programowo zaprojektować własny szablon wiadomości e-mail. Tutaj możesz napisać własną personalizację za pomocą CSS.

Adres URL zamówienia — tutaj możesz wpisać adres URL strony zamówienia. To przekieruje klienta do konkretnej strony zamówienia.

Po wykonaniu wymaganych ustawień kliknij przycisk „Zapisz”.

Resetuj szablony

W tej zakładce możesz przywrócić wszystkie szablony do stylu domyślnego, kiedy tylko jest to wymagane. Spowodowałoby to usunięcie wszystkich niestandardowych ustawień wykonanych za pomocą konstruktora przeciągnij i upuść. Tutaj możesz nawet zresetować dowolny wymagany szablon zamiast resetować wszystkie szablony.
Kliknij przycisk „Przywróć”, jak pokazano powyżej, i naciśnij przycisk „Zapisz”, aby zaktualizować zmiany.

Importuj/eksportuj szablony

Ta funkcja jest bardzo pomocna, ponieważ możesz mieć kopię zapasową szablonów wiadomości e-mail na swoim dysku. Kliknij „Eksportuj wszystkie szablony”, aby wyeksportować szablony na dysk. Szablony mogą być dostosowane lub domyślnymi szablonami wiadomości e-mail.
Kliknij przycisk „Importuj”, aby zaimportować szablony w razie potrzeby.

Włącz/wyłącz szablony

Ma to na celu włączenie/wyłączenie wymaganych szablonów wiadomości e-mail.


Zatrzymany kupon na następne zamówienie

Ta funkcja zwiększy ruch w Twoim sklepie dzięki integracji Retainful z WooCommerce Email Customizer. Ta integracja pozwoli Ci dodać kupon do wiadomości e-mail z zamówieniem klienta, co sprawi, że będzie im przyjemniej kupować w Twoim sklepie WooCommerce.

Klikając na zakładkę „Kupon z zachowaniem-następnego zamówienia” zostaniesz przekierowany na stronę z zachowaniem, na której należy dokonać pewnych ogólnych ustawień dla kuponów.

Te ustawienia zostaną odzwierciedlone, gdy dodasz kupony do wiadomości transakcyjnej za pomocą narzędzia Przeciągnij i upuść Konstruktora poczty e-mail WooCommerce.

Aby uzyskać szczegółowe badanie, zapoznaj się z samouczkiem dotyczącym kuponu następnego zamówienia.

Mam nadzieję, że WooCommerce Email Customizer odegra kluczową rolę w zwiększeniu Twoich przychodów. Narzędzie do dostosowywania wiadomości e-mail za pomocą kreatora przeciągania i upuszczania jest bardzo elastyczne w tworzeniu e-maili transakcyjnych, które dodałyby wartości do skrzynek odbiorczych klientów.

Kolejny kupon zamówienia, dodawanie danych dynamicznych za pomocą shortcodów to atrakcyjne funkcje, które zdecydowanie zwiększą ruch w Twoim sklepie i wartość marki.

Stwórz zmodernizowane wiadomości e-mail WooCommerce już dziś za pomocą narzędzia WooCommerce Email Customizer i uzyskaj świetne wyniki.

Życzę powodzenia.