Jak w szablonie HTML umieścić ramkę rekomendacji?

Z tej instrukcji dowiesz się, jak w szablonie HTML umieścić ramkę rekomendacji w panelu klienta.

1. Aby to zrobić musimy mieć wgrany szablon HTML.  To jak dodać szablon HTML oraz jak wstawić ręcznie do kodu link do rezygnacji z wysyłki znajduje się w instrukcji: Jak wgrać szablon HTML wiadomości e-mail

2. Przechodzimy do zakładki Mailing (A), Szablony (B) i wchodzimy w edycję przygotowanego wcześniej szablonu HTML. 

3. Po lewej stronie mamy edytor kodu HTML a po prawej podgląd. Klikamy w przycisk Ustawienia szablonu (A), zakładka Rekomendacje (B), Dodaj blok rekomendacji (C).

4. Następnie wybieramy liczbę produktów (A) i logikę (B). Klikamy Zapisz (C).

5. Przycisk Pokaż makra (A) pozwala w miejscu np. nazwy produktu lub linku na wklejenie makra, które zostanie podmienione na odpowiednią nazwę, link, lub zdjęcie. Przykładowo wybraliśmy 3 produkty, więc każdy z nich ma swoje odpowiednie makra (B). Możemy przełączać się pomiędzy produktami za pomocą listy, lecz łatwiej będzie wkleić makra używając systemu szablonów TWIG.

6. Edycja kodu przy użyciu TWIGa jest szczegółowo opisana w filmiku poniżej. 

Makra użyte przy edycji:

  • {% for p in product.1 %}

  • {% endfor %}

  • {{ p.image }}

  • {{ p.title }}

  • {{ p.custom_1 }}

  • {{ p.old_price }}

  • {{ p.price }}

  • {{ p.link }}

7. Po edycji kodu klikamy Zapisz szablon

8. Następnie przechodzimy do tworzenia nowej kampanii. Klikamy Mailing (A), Kampanie (B), Stwórz kampanie (C).

9. Możemy stworzyć nową grupę lub wybrać istniejącą. Klikamy Dalej

10. Dodajemy szablon i klikamy Dalej

11. Nazywamy naszą kampanię (A), w polu Odpowiedź do (B) podajemy email, na który odpowie użytkownik oraz pole Email nadawcy (C), czyli e-mail od którego przyjdzie wiadomość. Podajemy również nazwę nadawcy, która wyświetli się odbiorcom w skrzynkach (D). Klikamy Dalej (E) i Zakończ.

12. Następnie możemy wysłać próbnego maila kampanii

Z poniższego filmiku dowiesz się jak to wygląda w praktyce i poznasz szczegóły każdego z etapów wymienionych powyżej: