Wstęp
Zmiana szablonu i treści wiadomości e-mail to jedna z tych rzeczy, która może wyróżnić nas na tle konkurencji. Mail, który przyciąga uwagę potrafi sprawić, że w przyszłości Klient szybciej skojarzy naszą firmę. Dodatkowo zmiana kolorystyki wyrazów w mailu może pomóc odbiorcy zwrócić uwagę na istotne informacje.
W tym artykule dowiesz się, jak zarządzać powiadomieniami e-mail w Comarch e-Sklep, a także w jaki sposób możesz zarządzać szablonem domyślnym.
Gdzie zarządzać treściami powiadomień e-mail w Comarch e-Sklep?
Dostęp do treści związanych z komunikacją pomiędzy kontrahentem, a Comarch e-Sklep znajduje się w panelu administracyjnym w sekcji Ustawienia/Treści formalne.
W tym obszarze znajdują się następujące treści:
- Zgody,
- Wysyłka e-mail i SMS,
- Wydruki,
- Komunikaty,
- Regulamin i inne.
Wszystkie treści wiadomości możemy edytować wchodząc w jej szczegóły. W środku możemy określić ich widoczność oraz zmienić lub modyfikować takie dane jak:
- Zmiana nadawcy wiadomości,
- Dodać lub usunąć odbiorcę,
- Ustawić, żeby potwierdzenie wiadomości zostało wysłane również do opiekuna,
- Temat,
- Język,
- Treść.
Pierwsze dwa pola związane są z odbiorcą i nadawcą, zmieniamy je klikając w zaznaczony obszar:
Po zakończeniu zmian klikamy w przycisk zapisz. Warto dla sprawdzenia poprawności treści wysłać wiadomość próbną. Opcja dostępna jest na szczegółach każdego powiadomienia – w prawym górnym rogu. Dla wszystkich treści wysyłanych testowo z obszaru Ustawienia/ Treści formalne/ Wysyłka e-mail i SMS obejmuje walidacja wprowadzonych danych.
Gdzie edytować szablon wiadomości e-mail?
Szablon wiadomości e-mail znajduje się w panelu administracyjnym Comarch e-Sklep.
Aby zmienić domyślny szablon wiadomości postępuj zgodnie z poniższymi krokami.
Krok 1. W panelu przejdź do sekcji Ustawienia/ Treści formalne/Wysyłka e-mail i SMS.
Krok 2. Z listy dostępnych treści wybierz okienko Szablon i przejdź do jego szczegółów.
Krok 3. W nowym oknie rozpocznij edycję szablonu wiadomości e-mail.
Każda linijka kodu, która jest z komentarzem odpowiada za wygląd naszego maila.
Edycja kolorów w szablonie wiadomości
Przed zabraniem się za zmianę kolorów warto sprawdzić szatę graficzną naszego e-Sklepu. Informację odnośnie kodów kolorów użytych w naszym szablonie możemy znaleźć w dwóch miejscach:
- W panelu administracyjnym w zakładce Wygląd sklepu/ Ustawienia/ Ustawienia szablonu widzimy jaki kolor jest przyporządkowany do konkretnego miejsca w naszym szablonie. Kod używanego koloru znajduje się po prawej stronie. Można go skopiować oraz dowolnie modyfikować.
- W konsoli przeglądarki (wciskając F12) możliwa jest weryfikacja poszczególnych kolorów użytych w wybranych elementach szablonu. Wybierając ikonę umożliwiamy sobie weryfikację obiektu oraz jego szczegółów po najechaniu na niego kursorem.
Po przygotowaniu kolorów możemy się zabrać za ich edycję w naszym szablonie wiadomości e-mail. W kodzie HTML szablonu szukamy w komentarzach miejsca, które chcemy podmienić. Po znalezieniu odpowiedniej linijki zmieniamy symbol koloru, który jest po symbolu „#” (UWAGA! Nie usuwamy tego symbolu).
Po wprowadzeniu modyfikacji zapisz zmiany.
Wpisujemy maila na, którego ma dojść wiadomość i klikamy w przycisk Wyślij próbnie.
Motywy kolorystyczne dla szablonów wiadomości e-mail
Szablon wiadomości e-mail możesz w każdej chwili dowolnie modyfikować. Niżej prezentujemy przykładowe motywy kolorystyczne stworzone na bazie dostępnych motywów w Kreatorze Wyglądu Comarch oraz tabelę z odpowiednimi wartościami kolorów dla poszczególnych elementów w szablonie wiadomości.
| Motyw kolorystyczny szablonu Topaz: | Domyślny | Granatowy | Bordowy | Błękitny | Beżowy |
| Nazwa: | |||||
| a | CB6724 | 151B72 | BE2745 | FF9181 | BCAA9C |
| bgcolor1 | ffffff | ffffff | ffffff | ffffff | ffffff |
| bgcolor2 | F0A88D | 9597AD | CD6B7F | BAD4F0 | E6CAA6 |
| shopName | CB6724 | 151B72 | BE2745 | FF9181 | BCAA9C |
| footerTitle | 191616 | 000000 | 000000 | 17191A | 3B3B3B |
| footerText | 191616 | 000000 | 000000 | 17191A | 3B3B3B |
| title1 | 4eb6f1 | 4eb6f1 | 4eb6f1 | 4eb6f1 | 4eb6f1 |
| title2 | ff7670 | ff7670 | ff7670 | ff7670 | ff7670 |
| title3 | 53ccbd | 53ccbd | 53ccbd | 53ccbd | 53ccbd |
| text | 191616 | 000000 | 000000 | 17191A | 3B3B3B |
| orderColumnName | a8a9a9 | 9597ad | a8a9a9 | 9597ad | 909090 |
| orderDetails | 3b3a3a | 000000 | 000000 | 17191A | 3B3B3B |
| orderPaymentName | a8a9a9 | 9597ad | a8a9a9 | 9597ad | 909090 |
| orderPaymentValue | 191616 | 3B3B3B | 000000 | 17191A | 3B3B3B |
| orderPaymentTotal | CB6724 | 151B72 | BE2745 | FF9181 | BCAA9C |
| tableName | CB6724 | 151B72 | BE2745 | FF9181 | BCAA9C |
| rowName | 191616 | 000000 | 000000 | 17191A | 3B3B3B |
| rowContent | a8a9a9 | 9597ad | a8a9a9 | 9597ad | 909090 |
| feedbackButton (background-color) | CB6724 | C85555 | CD6B7F | FF9181 | 3B3B3B |
| feedbackButton (color) | ffffff | ffffff | ffffff | ffffff | ffffff |
| feedbackButton (border) | CB6724 | C85555 | CD6B7F | FF9181 | 3B3B3B |
| feedbackButton-2 (background-color) | 191616 | 151B72 | 000000 | 17191A | BCAA9C |
| feedbackButton-2 (color) | ffffff | ffffff | ffffff | ffffff | ffffff |
| feedbackButton-2 (border) | 191616 | 151B72 | 000000 | 17191A | BCAA9C |
| finishPaymentButton (background-color) | CB6724 | C85555 | CD6B7F | FF9181 | 3B3B3B |
| finishPaymentButton (color) | ffffff | ffffff | ffffff | ffffff | ffffff |
| finishPaymentButton (border) | CB6724 | C85555 | CD6B7F | FF9181 | 3B3B3B |
Jak zmienić kształt przycisków w powiadomieniach e-mail?
Obecnie w szablonie wiadomości możemy mieć dwa rodzaje przycisków:
- Kwadratowe,
- Zaokrąglone.
Zmiany ich wyglądu dokonujemy w zakładce Ustawienia/ Treści/ E-mail i SMS. W kodzie HTML szukamy przycisku który chcemy podmienić.
W miejscu zaznaczonym na czerwono wpisujemy odpowiednią wartość, która wpływa na kształt przycisków w wiadomości:
- 0, gdy chcemy, aby przyciski były prostokątne,
- 50px, gdy chcemy, aby przyciski były zaokrąglone.
Warto, żebyśmy wybrali formę i kolorystykę zbliżoną do wyglądu naszego e-Sklepu.
Jak dodać logo w szablonie wiadomości e-mail?
W wiadomościach, które wysyłamy do naszego klienta za pośrednictwem panelu administracyjnego zamieszczone jest logo naszego e-Sklepu. Domyślnie logo pobierane jest z konfiguracji, czyli z sekcji Ustawienia/ Ustawienia sklepu/ Dane sprzedawcy/ Logotyp.
Więcej informacji odnośnie logotypu znajdziesz w artykule: Logotyp oraz favicon w Comarch e-Sklep (Logotyp oraz favicon w Comarch e-Sklep – Centrum Pomocy Comarch e-Sklep).
Jeżeli chcesz zamieścić w szablonie wiadomości e-mail inne logo, niż domyślnie ustawione w konfiguracji konieczna jest jego modyfikacja. Jak jej dokonać? Postępuj zgodnie z poniższymi krokami.
Krok 1. Wgraj plik z docelowym logiem na swój serwer.
Krok 2. W panelu administracyjnym przejdź do sekcji Ustawienia/ Treści/ E-mail i SMS i rozpocznij edycję szablonu.
Krok 3. Odszukaj w szablonie frazy src=”{{config.Url}}logo.png”.
Krok 4. W każdej odnalezionej frazie (będzie ich 4) wstaw ścieżkę z serwera, na którym został udostępniony plik z logiem.
Krok 5. Zapisz wprowadzone zmiany.
Jak edytować stopkę wiadomości e-mail?
Wszystkie dane kontaktowe, które są w stopce wiadomości e-mail pobierane są ustawień w panelu administracyjnym. Wszystkie frazy, które są zaznaczone na czerwono można w łatwy sposób zmienić w naszej stopce.
Krok 1. W panelu administracyjnym przejdź do sekcji Ustawienia/ Treści formalne/Wysyłka e-mail i SMS i edycję szablonu.
Krok 2. Odszukaj w szablonie frazy i je podmień.
Krok 3. Zapisz wprowadzone zmiany.