Przejdź do głównej zawartości

Własne szablony HTML

Wgraj gotowy szablon e-maila w kodzie HTML.

Napisane przez Kacper Mikolajczyk

Jeśli jesteś zaawansowanym użytkownikiem i przygotowujesz szablony samodzielnie od początku do końca, możesz skorzystać z edytora szablonów HTML. Zaimportuj do niego gotowy szablon i edytuj go dalej bezpośrednio w Ecomailu. Dzięki temu możesz wprowadzać większe zmiany i lepiej dopasować wygląd e-maili do identyfikacji wizualnej firmy.

⚠️ UWAGA: Szablonu wgranego tą metodą nie można edytować w naszym edytorze interaktywnym. Zmiany możesz wprowadzać bezpośrednio w kodzie lub w edytorze dla zaawansowanych użytkowników.

Jeśli chcesz stworzyć własny szablon w edytorze Ecomail, zajrzyj do artykułu: Podstawy pracy z interaktywnym edytorem szablonów

Własne szablony HTML

W tym artykule dowiesz się:


1. Praca z edytorem HTML w Ecomailu

Edytor szablonów HTML znajdziesz w sekcji Szablony → Nowy szablon → HTML:

Nazwij szablon HTML i kliknij „Dalej”.

Edytor HTML utworzy domyślny kod, w którym możesz zacząć tworzyć treść:

Po prawej stronie na bieżąco widzisz podgląd newslettera.

Szablon można przetestować w ramach testowania zwykłej kampanii lub automatyzacji.

💡 WSKAZÓWKA: Własne szablony warto dokładnie przetestować w różnych pocztach internetowych. W ten sposób najlepiej sprawdzisz, jak radzą sobie z poszczególnymi elementami e-maila i czy szablon wyświetla się poprawnie. Zobacz na przykład ograniczenia w Outlooku.

2. Jak wgrać gotowy szablon?

Aby wgrać nowy szablon do edytora HTML, najpierw spakuj plik z kodem (np. szablon.html) oraz ewentualne obrazki lub folder z obrazkami do jednego pliku .zip.
​

Użyj kodowania UTF-8:

<head>
<meta charset="UTF-8">
</head>

​

Zaznacz wszystkie pliki, które chcesz wgrać (plik HTML i ewentualne obrazki), kliknij jeden z nich prawym przyciskiem myszy:
​[Windows] wybierz „Wyślij do” i kliknij „Folder skompresowany (zip)”.


​[Mac] wybierz "Kompresuj"

UWAGA: Pliki muszą znaleźć się bezpośrednio w archiwum ZIP, bez podfolderu! Nadaj nowemu plikowi .zip dowolną nazwę (np. „wlasnyszablonhtml”).

W Ecomailu kliknij „Nowy szablon” i wybierz „Wgraj plik”. Prześlij utworzony plik ZIP i kliknij „Dalej”, aby go wgrać.
​
​

Szablon jest już wgrany, możesz go edytować i używać w Ecomailu.

3. Praca z wartościami dynamicznymi w szablonie

W szablonach HTML możesz też korzystać z wartości dynamicznych. Używaj zarówno prostych merge tagów, jak i warunkowych merge tagów.

Przykład powitania utworzonego za pomocą warunkowego merge tagu w szablonie:

Tak powitanie wyświetli się w wysłanym e-mailu:

W szablonach HTML możesz też używać tagów dla takich funkcji jak:

- Feed danych



❓

Jeśli masz pytania, napisz do nas na [email protected]

Czy to odpowiedziało na twoje pytanie?