Nasz edytor Drag’n’Drop zawiera wszelkie potrzebne funkcje, które pozwalają na stworzenie newslettera. Jeżeli jednak chcesz stworzyć coś niestandardowego, możesz użyć w tym celu edytora HTML.

W sekcji “Design” znajduje się przycisk, który pozwala na zmianę edytora Drag’n’Drop na edytor HTML:

Najpopularniejszą praktyką, jest wgrywanie całych plików .zip, dzięki temu możemy w wygodnej formie przesłać grafiki czy też style CSS. Skrypty JS są blokowane, więc nie da się ich zaimportować.

Ważne: przełączanie między Drag’n’Drop i edytorem HTML powoduje utratę kreacji bez możliwości jej odzyskania. Pamiętaj o zachowywaniu kopii zapasowej.

Bardzo istotną kwestią jest to, aby wpisać tytuł wiadomości
w polu “Subject”.

Jest kilka rzeczy, o których musisz pamiętać, tworząc kreację samodzielnie w HTML:

  • kodowanie powinno być ustawione na UTF-8,
  • w newsletterze musi znaleźć się link umożliwiający wypisanie się,
  • nie możesz zapomnieć o linku do wypisania się,
  • plik musi być w formacie .zip.

Nasi developerzy przygotowali gotowy fragment kodu, który pozwala na wypisanie się. Bez tego linku wysyłka nie będzie możliwa:
<a href="*|UNSUBSCRIBE_LINK|*"> wypisz się <br> z listy mailingowej.</a>

Struktura pliku .zip

Struktura pliku .zip jest bardzo istotna. Jeżeli nie jest poprawna, import będzie niemożliwy.

Poprawna struktura:

-plik .zip
---- index.html
---- folder z grafikami
---- folder ze stylami CSS (opcjonalnie)

Niepoprawna struktura:

-plik .zip
---- folder
-------- index.html
-------- folder z grafikami
-------- folder ze stylami CSS (opcjonalnie)

W skrócie: wszelkie elementy, które mają być zaimportowane, nie powinny znajdować się w żadnych nadrzędnych folderach, tylko bezpośrednio w pliku .zip.

Wady tworzenia newslettera w HTML:

  • Twoje style CSS mogą nie działać na niektórych klientach pocztowych,
  • zajmuje to o wiele więcej czasu niż tworzenie kreacji w Drag’n’Drop,
  • możesz potrzebować wsparcia swojego programisty,
  • nasz dział Support nie zawsze będzie w stanie Ci pomóc.

Zalety tworzenia newslettera w HTML:

  • możesz stworzyć zupełnie autorską kreację.

Jakie zewnętrzne narzędzia mogę wykorzystać?

Jeżeli chcesz jednak korzystać z edytora HTML, możesz używać zewnętrznych narzędzi, które to ułatwiają. Nasi specjaliści polecają :

https://mjml.io/

https://www.10bestdesign.com/dirtymarkup/ 

https://foundation.zurb.com/emails.html

Przydatne tagi:

*|FIRST_NAME|* - imię,

*|LAST_NAME|* - nazwisko, 

*|VISIT_DAYS_AGO|* - dni od ostatniej wizyty,

*|CUSTOMER_VALUE|* - wartość klienta (wartość jego zamówień),

*|COUPON|* - kupon rabatowy,

*|THRESHOLD|* - próg rabatowy,

*|MISSING_AMOUNT|* - wartość, której brakuje do uzyskania rabatu,

*|UNSUBSCRIBE_LINK|* - link pozwalający się wypisać.

Możesz używać wszystkich tych tagów, w zależności od potrzeb.

Czy wszystko można edytować za pomocą HTML?

Wszystkie kreacje mailingowe możesz edytować za pomocą HTML. Nie możesz edytować exit pop-up’u, push widgetu i RODO widgetu.

Jakie wiadomości mogę stworzyć w HTML?

Tak naprawdę każdego maila możesz stworzyć w HTML. Pamiętaj tylko, że wybrana metoda (Drag’n’Drop lub HTML) musi być jednorodna w obrębie jednego scenariusza. 

Dynamiczne elementy w HTML

Jeśli zdecydowałeś się na tworzenie kreacji w HTML, możesz używać też dynamicznych elementów.

Najwygodniejszym sposobem na “wyciągnięcie” dynamicznych elementów jest dodanie ich w edytorze Drag’n’Drop, a następnie pobranie HTML. W taki sposób można pobrać każdy dynamiczny element, porzucone koszyki czy bestsellery.

Możesz pobrać HTML za pomocą przycisku.

Did this answer your question?