Jak dodać obraz tła do szablonu e-maila lub sekcji
Czego się dowiesz?
Dowiedz się, jak nakładać tekst, obrazy i inne treści wiadomości e-mail na obrazy tła. Możesz dodać obraz tła do całej wiadomości e-mail lub do pojedynczej sekcji. Korzystając z tej funkcji, możesz nałożyć jeden obraz na drugi albo dodać przycisk lub tekst na obrazie.
Informacje o obrazach tła
Możesz dodać obraz tła za całym szablonem e-maila lub za konkretną sekcją w szablonie. Tła szablonu dodaje się za pomocą panelu Style szablonu i zwykle obejmują one całą szerokość i wysokość e-maila.

Tła sekcji są jednak ograniczone do konkretnych obszarów wiadomości e-mail. Umożliwiają tworzenie dynamicznych, przyciągających wzrok obrazów i wezwań do działania (CTA). Możesz też dodać wiele wezwań do działania (CTA) na jednym obrazie (np. „Kup buty” i „Kup akcesoria”). Te obrazy tła przypisane do sekcji możesz dodać na karcie Style sekcji.

Użycie obrazu tła z nałożonym tekstem i innymi treściami może zwiększyć dostępność Twojego e-maila w porównaniu do wstawienia jednego obrazu zawierającego tekst. Jeśli wiadomość zawiera głównie treści graficzne i niewiele tekstu, odbiorcy korzystający z czytników ekranu i innych urządzeń ułatwień dostępu, które nie wyświetlają obrazów, polegają na tekście alternatywnym, aby zrozumieć treść wiadomości.
Dodatkowo odbiorcy, którzy korzystają ze skrzynek odbiorczych w trybie zwykłego tekstu lub mają ustawione domyślne ukrywanie obrazów, nie będą w stanie łatwo zrozumieć wiadomości. Gdy używasz standardowych bloków tekstu z obrazem w tle, odbiorcom z potrzebami w zakresie dostępności lub korzystającym z urządzeń alternatywnych łatwiej jest zrozumieć wiadomość.
Wybieranie obrazów tła
Wybierając obraz do użycia jako tło sekcji lub szablonu, wybierz taki, który ma wystarczająco wysoką rozdzielczość, aby wyglądał wyraźnie i profesjonalnie w skrzynce odbiorczej. Upewnij się jednak, że nie używasz pliku, który jest niepotrzebnie duży, ponieważ może to prowadzić do długiego czasu ładowania twoich e-maili. Ogólnie rzecz biorąc, używaj obrazów o rozmiarze 1 MB lub mniejszym jako tła sekcji.
Ustaw obraz tła sekcji
Gdy wybierzesz obraz, otwórz swój szablon w edytorze e-maili typu przeciągnij i upuść. Wybierz istniejącą sekcję lub dodaj nową sekcję.
- W karcie Style w tej sekcji włącz Obraz tła.
- Kliknij Wybierz obraz.

- W Bibliotece obrazów kliknij Wybierz obok obrazu. Aby przesłać nowy obraz, otwórz Prześlij obraz i wybierz swój plik. Jeśli pojawi się prośba o porównanie wersji, wybierz Oryginał lub Skompresowany, a potem kliknij Prześlij.
- Po nadaniu stylu obrazowi tła dodaj treść do sekcji. Możesz dodać dowolny typ bloku (np. blok tekstu, blok przycisku, blok tabeli) oraz dowolną liczbę bloków do sekcji.
Po ustawieniu obrazu tła wybierz także kolor tła. Ten kolor będzie widoczny, jeśli obraz tła z jakiegokolwiek powodu nie będzie mógł się załadować.
- Otwórz kartę Style w tej sekcji.
- W przypadku obrazu wyświetlanego w treści ustaw kolor treści na niestandardowy. W przypadku obrazu wyświetlanego w sekcji włącz kolor sekcji.
- Wybierz kolor, który jest jak najbardziej zbliżony do obrazu i sprawi, że tekst pozostanie czytelny, jeśli obraz się nie załaduje.
Aby wyświetlić obraz tła sekcji na pełną szerokość za treścią, ustaw Kolor treści na Brak. W przeciwnym razie kolor tła treści może zasłonić obraz.
Opcje stylu tła sekcji
W sekcji Obraz tła wybierz Treść, aby zachować obraz w obszarze treści wiadomości e-mail, albo Sekcja, aby rozciągnąć go na całą szerokość.
W sekcji Format wybierz jedną z poniższych opcji:
- Oryginalny rozmiar
Twój obraz zachowuje swoje oryginalne wymiary. Elementy, które wykraczają poza obszar sekcji, nie będą widoczne. - Dopasuj
Obraz będzie w całości mieścić się w obszarze sekcji i może odsłonić kolor tła pod spodem, jeśli nie ma dokładnie rozmiaru obszaru sekcji. - Wypełnij
Obraz wypełni cały obszar sekcji, a część obrazu może zostać przycięta. - Kafelkowanie
Obraz będzie powtarzany, aby wypełnić cały obszar sekcji, a przełącznikiem Rozmiar kafelków możesz wybrać skalę.
Ustaw obraz tła szablonu
Aby dodać obraz tła do szablonu e-maila:
- Otwórz Style na pasku bocznym edytora.
- Włącz Obraz w tle, a następnie kliknij Wybierz obraz.

- W Bibliotece obrazów kliknij Wybierz obok obrazu. Aby przesłać nowy obraz, otwórz Prześlij obraz i wybierz swój plik. Jeśli pojawi się prośba o porównanie wersji, wybierz Oryginał lub Skompresowany, a potem kliknij Prześlij.
Użyj opcji Format, aby wybrać Oryginalny rozmiar, Dopasuj, Wypełnij lub Kafelki, jak opisano powyżej. Użyj opcji Pozycja obrazu, aby wyrównać obraz. Jeśli wybierzesz Kafelki, użyj opcji Rozmiar kafelków, aby wybrać Oryginalny lub Dopasuj.
Obrazy ustawione jako tła dla szablonu mogą pokrywać pełną szerokość obszaru szablonu. Możesz ustawić kolor Tło szablonu w odcieniu podobnym do obrazu, ponieważ kolor tła może być widoczny podczas ładowania obrazu lub jeśli odbiorca ma wyłączone obrazy w e-mailu.
Tła sekcji mogą zasłaniać obraz szablonu. Aby obraz szablonu był widoczny przez sekcję, wyłącz Obraz tła i Kolor sekcji, a następnie w zakładce Style tej sekcji ustaw Kolor treści na Brak.
Gdy skończysz edytować zapisany szablon e-maila, kliknij Wyjdź, aby zapisać zmiany i opuścić edytor.
Obsługa obrazów tła w skrzynce odbiorczej
Chociaż większość skrzynek odbiorczych obsługuje obrazy tła, w niektórych sytuacjach mogą się one nie wyświetlać. W takich przypadkach zamiast tego zostanie wyświetlony kolor tła.
Następujące skrzynki odbiorcze nie obsługują obrazów tła:
- Outlook dla systemu Windows
- Yahoo! Mail (częściowa obsługa)
- AOL (częściowa obsługa)
Dodatkowo, jeśli odbiorca ma ograniczony lub wolny dostęp do internetu, obraz tła może wczytywać się wolno lub wcale, odsłaniając zamiast tego kolor tła.
Dodatkowe źródła
- Informacje o najlepszych praktykach dotyczących obrazów w wiadomościach e-mail
Poznaj najlepsze praktyki dotyczące używania obrazów w wiadomościach Klaviyo Email, w tym zalecenia dotyczące rozmiaru oraz sposób dodawania obrazów.
- Najlepsze praktyki projektowania poczty e-mail w trybie ciemnym
Dowiedz się więcej o trybie ciemnym, ustawieniu urządzenia, które niektórzy użytkownicy włączają, aby przyciemnić wyświetlacz. To ustawienie wpływa na sposób wyświetlania wiadomości e-mail. Tryb ciemny to ustawienie użytkownika końcowego wybierane na poziomie urządzenia, a Klaviyo nie ma bezpośredniej kontroli nad tym, jak tryb ciemny jest wdrażany na każdym urządzeniu.
- Coding HTML email backgrounds