Twój avatar
W sekcji NADAWCA masz możliwość dodania avatara przy adresie nadawcy Twoich wiadomości. Avatar będzie także wyświetlał się przy powiadomieniach push. Jego standardowy wymiar to 110x110 px. Zadbaj o odpowiedni rozmiar grafiki. Może to być zdjęcie lub logo (najczęściej jego skrócona wersja lub tak zwany sygnet).
Custom pop-up: wersja na komputer
Wersja desktop funkcjonuje w różnych rozmiarach, najczęściej jest to mniej więcej 700-500 px szerokości na 500-300 px wysokości. Rozmiar zależy od Ciebie oraz efektu, jaki chcesz uzyskać. Jeżeli korzystasz z szablonu ze zdjęciem z boku, wgrywana przez Ciebie grafika powinna mieć rozmiar około 300 px szerokości na 400 wysokości. Jeżeli chcesz użyć zdjęcia w tle, sugeruj się rozmiarami, które proponujemy dla całego pop-upu.
Pop-up, jaki tworzysz jest projektem responsywnym: zmienia się w zależności od urządzenia na jakim jest wyświetlany. Poniżej omówione zostały wytyczne co do wersji mobilnej.
Custom pop-up: wersja na urządzenia mobilne
Wersja mobilna pop-up ma zazwyczaj rozmiar 300 px szerokości na 450 px wysokości, lecz oczywiście może być nieznacznie zmieniana. Tak ograniczony w porównaniu do wersji komputerowej rozmiar nie pozwala na umieszczenie grafiki lub zdjęcia na wzór wersji desktop. Tutaj staramy się zawrzeć wszystkie niezbędne informacje i elementy na małej przestrzeni, co najczęściej oznacza ukrywanie zdjęcia z wersji komputerowej.
Pamiętaj, by zawsze sprawdzić, jak wygląda Twój pop-up, używając opcji preview!
Push newsletter
Push Newsletter składa się z małego obrazka, gdzie najczęściej jest to logo Twojej firmy. Duży obrazek natomiast to grafika, za pomocą której komunikujesz specjalne oferty czy promocje w swoim e-sklepie.Wymiary grafiki do push newslettera są stałe: 420 px szerokości i 210 wysokości dla grafiki głównej oraz 110x110 px dla avatara.
Weblayer slider
Weblayer jest wysuwanym rodzajem wysuwanego z krawędzi strony pop-upu i funkcjonuje przy wyświetlaniu strony na komputerze. W systemie otrzymujesz możliwość pełnej edycji Twojego weblayera. Dzięki temu masz pewność, że będzie pasował idealnie do estetyki sklepu
poszczególne elementy są w pełni edytowalne (pola wyboru, przyciski, zwykły tekst, checkboxy, obrazki, spacery i inne)
pamiętaj, aby zawsze przetestować Web Layer przed publikacją za pomocą opcji Preview
Weblayer banner
Przykładowe szablony dla Web Layer znajdziesz w sekcji Szablony (pkt. 3) w konfiguracji Web Layer. Przykładowe wymiary grafiki dla Web Layera ze screen typu Beam Stripper to 1920 × 120 px. w systemie otrzymujesz możliwość pełnej edycji Twojego banera. Dzięki temu masz pewność, że będzie pasował idealnie do estetyki sklepu. Poszczególne elementy są w pełni edytowalne (pola wyboru, przyciski, zwykły tekst checkboxy, obrazki, spacery i inne).
Pamiętaj, aby zawsze przetestować Web Layer przed publikacją za pomocą opcji Preview!
Wymiary grafik w kreatorze wiadomości:
Przy dodawaniu zdjęć w kreatorze wiadomości warto pamiętać o kilku zasadach, które ułatwią poprawne wyświetlanie kampanii w skrzynkach odbiorców:
Szerokość: 600 px – to standard w e-mail marketingu. Dzięki temu wiadomości pozostają lekkie, poprawnie wyświetlają się na większości urządzeń i nie zwiększają ryzyka trafienia do folderu SPAM.
Wysokość: dowolna;
Maksymalna waga pliku: 2 MB (dotyczy zarówno zdjęć, jak i animowanych GIF-ów).
Czy mogę używać GIF-ów w mailingach?
GIF-y można dodać do wiadomości, pod warunkiem że ich waga nie przekracza 2 MB.
Warto jednak pamiętać o kilku kwestiach używajac gifów:
GIF-y obsługują tylko 256 kolorów na klatkę, co sprawia, że grafiki tracą nasycenie i wyglądają mniej atrakcyjnie,
są zazwyczaj ciężkie, co może:
spowolnić ładowanie wiadomości,
powodować problemy z wyświetlaniem,
zwiększyć ryzyko trafienia do folderu SPAM.
Optymalizacja GIF-a (zmniejszenie wagi) jest możliwa, ale znacząco pogarsza jakość. Grafika staje się „wypłowiała” i mniej czytelna.
👉 Dlatego rekomendujemy korzystanie z lżejszych formatów statycznych (JPG, PNG) lub krótkich filmów osadzonych jako link.
Potrzebujesz dodatkowej pomocy?
Jeżeli masz jakiekolwiek pytania na temat grafik w edrone, skontaktuj się z nami na hello@edrone.me