Jak dodać kolumny do e-maila?
Czego się dowiesz?
Dowiedz się, jak w razie potrzeby dodawać kolumny do e-maili, aby Twoje szablony wyglądały bardziej estetycznie. Istnieje kilka sposobów dodawania kolumn do szablonów. W tym artykule omówimy wszystkie sposoby dodawania kolumn do e-maila oraz optymalizacji projektu w zależności od urządzenia.
Kiedy użyć bloku podziału, kolumn lub tabeli
Istnieją 3 sposoby na ułożenie treści obok siebie w edytorze e-maili Klaviyo: blok podziału, kolumny i blok tabeli. Każda opcja oferuje określone korzyści i kompromisy.
Układ treści | Liczba kolumn | Opcje szerokości | Dozwolone typy treści | Czy kolumny mogą układać się jedna pod drugą w widoku mobilnym? |
Blok podziału | 2 | Precyzyjna kontrola (Użyj Ustawienia podziału > Szerokości kolumn) | Tylko obraz lub tylko tekst | Tak |
Kolumny | 1–4 | Ograniczony wybór | Dowolny typ bloku treści (np. blok tekstowy, blok obrazu, blok cytatu z recenzji) | Tak |
Blok tabeli | Dowolna liczba | Precyzyjna kontrola (Użyj Szerokość kolumny > Ręcznie) | Tylko obraz lub tylko tekst | Nie |
Tabele mogą stanowić wyzwanie pod kątem dostępności, ponieważ czytniki ekranu mają trudności z ich interpretacją.
Dodaj blok podziału do e-maila
Aby dodać blok podziału do e-maila:
- Przeciągnij blok podział do szablonu.
- Dostosuj wartości procentowe Układu, aby dostosować szerokość 2 kolumn.
- W sekcji Treść wybierz, czy każda strona Twojego bloku podziału ma zawierać tekst czy obraz.
- Kliknij ikony pod Selektorem kolumn, aby przełączać się między kolumnami.
- Kliknij Zapisz, aby zapisać blok.
Dodaj kolumny do wiadomości e-mail
Aby dodać kolumny do wiadomości e-mail:
- Przeciągnij opcję Kolumny w sekcji Układ, aby utworzyć kolumny w wiadomości e-mail.
- Wybierz preferowany układ spośród opcji w oknie modalnym.
- Przeciągnij bloki dowolnego typu do swoich kolumn.
W przeciwieństwie do bloku podziału możesz użyć dowolnego bloku, mieć wiele bloków w tej samej kolumnie i wybrać więcej niż dwie kolumny. Na przykład jest to e-mail z obrazem po jednej stronie oraz tekstem i przyciskiem po drugiej.
Dodatkowo, gdy przeglądarka mobilna otworzy e-mail, kolumny ułożą się jedna nad drugą, przy czym lewa strona zostanie ułożona nad prawą. Jeśli nie chcesz, aby kolumny układały się jedna nad drugą na urządzeniach mobilnych, zdecyduj się na użycie bloku tabeli.
Dodaj blok tabeli do e-maila
Można użyć bloku tabeli do tworzenia kolumn w e-mailu. Chociaż bloki tabeli mogą zawierać tylko tekst i obrazy, pozwalają dostosowywać e-maile za pomocą kolumn, zachowując kolumny obok siebie na urządzeniach mobilnych. Tak jak w przypadku każdego bloku, aby rozpocząć, przeciągnij i upuść blok tabeli do e-maila.
Aby zmienić wygląd bloku tabeli, przejdź do ustawień bloku, gdzie można dostosować margines wewnętrzny (padding) lub odstępy wokół kolumn, a także kolory obramowania i czcionki.
Aby zoptymalizować doświadczenie na urządzeniach mobilnych, przetestuj mobilny widok tabeli. Jeśli tabela ma wiele kolumn, najprawdopodobniej będzie wyglądać idealnie tylko na komputerze. Aby zmienić lub ukryć kolumnę na urządzeniach mobilnych, dostosuj ustawienie na karcie kolumny.
Więcej informacji o projektowaniu e-maili znajdziesz w naszym szkoleniu z projektowania e-maili