Tworzenie szablonów podstawowych
Dowiedz się, jak utworzyć podstawowy szablon e-mail w Klaviyo. Po utworzeniu podstawowego szablonu możesz używać go w kampaniach i sekwencjach, aby przyspieszyć proces tworzenia oraz zapewnić spójność brandingu we wszystkich wiadomościach.
Kilka słów na początek
Szablon bazowy zawiera kluczowe sekcje, takie jak nagłówek, treść główna i stopka. Przejdź do Treści > Szablony i kliknij Utwórz, aby rozpocząć. Następnie wykonaj poniższe kroki, aby dodać do szablonu treści wielokrotnego użytku.
1. Ustaw podstawowe style
Zanim zaczniesz stylizować poszczególne bloki, ustaw style bazowe. Te style, takie jak czcionka, kolory, margines wewnętrzny i inne, mają zastosowanie do wszystkich bloków w całym szablonie.
Dodanie stylów bazowych ułatwia zastosowanie brandingu, a także zmniejsza wagę kodu, dzięki czemu łatwiej uniknąć przycinania w Gmailu.
Aby dodać style podstawowe:
- Kliknij Style (obok Treść).
Jeśli obok karty Styles widzisz Display Options zamiast Content, kliknij Gotowe, aby wyjść z ustawień stylów bloku/sekcji, które dotyczą tylko tego bloku lub sekcji.
- Ustaw kolor tła dla szablonu i treści, a także margines i dopełnienie. Zalecamy pozostawienie ustawienia Width na 600px, aby zapewnić optymalną zgodność z dostawcami skrzynek odbiorczych.
- Dodaj style tekstu, w tym czcionki, rozmiary czcionek, kolory i odstępy. Pamiętaj, aby ustawić style dla tekstu Zwykłego, a także H1, H2, H3 i H4. Możesz używać tych stylów nagłówków do wyróżniania tekstu w całej wiadomości e-mail. Dowiedz się, jak użyć czcionki niestandardowej w wiadomościach e-mail.
- Dodaj kolor i styl linku.
- Wybierz walutę sklepu w menu Waluta. Wybrany symbol waluty jest używany wszędzie tam, gdzie w szablonie występuje znacznik {% currency_format ... %}.
- Jeśli opcja Mobile optimization jest włączona, dodaj ustawienia mobilne. Pojawią się, gdy ktoś otworzy e-mail na urządzeniu mobilnym. Dowiedz się więcej o optymalizacji mobilnej.
2. Zbuduj sekcję nagłówka
Po skonfigurowaniu stylów e-maili dodaj sekcję nagłówka. Zazwyczaj sekcje nagłówka zawierają logo, kluczowe linki, a czasem baner z funkcjami informacjami o Twojej najnowszej wyprzedaży lub statusie VIP odbiorcy.
- Jeśli szablon ma już pasek nagłówka, zaktualizuj go własnym logo. Alternatywnie przeciągnij blok Nagłówek i dodaj logo. Poznaj sprawdzone praktyki dotyczące rozmiaru i jakości obrazów.
- Wybierz układ w menu Układ na komputer i Układ na urządzeniach mobilnych (np. Logo w wierszu na komputerze i Ułóż wszystko w stos na urządzeniach mobilnych). Pamiętaj, że urządzenia mobilne mają znacznie mniejsze ekrany niż komputery, więc układanie treści w stos może ułatwić czytanie i nawigację.
- W sekcji Treść dodaj kluczowe linki nawigacji witryny. Kliknij ikonę kosza, aby usunąć linki, lub Dodaj linki, aby je dodać. Typowe linki, które warto uwzględnić w nagłówku, to: kup teraz, nowości, o nas, wyprzedaż, FAQ lub wybór kategorii produktów.
- Dostosuj style bloków w sekcjach poniżej treści linku. Pamiętaj: jeśli chcesz zastosować ustawienie stylu do całej wiadomości e-mail, użyj głównej karty Style, jak opisano w sekcji powyżej.
- Kliknij Gotowe, aby wrócić do głównych opcji edycji szablonu.
Dodaj opcjonalny baner funkcji
Możesz dodać baner funkcji nad lub pod paskiem nagłówka.
- Przeciągnij blok tekstu do tej samej sekcji co pasek linków.
- Ustaw tło na kolor akcentu i dodaj wyróżnioną wiadomość, np. „Użyj kodu WELCOME, aby uzyskać 15% zniżki na pierwsze zamówienie!”
- Sprawdź, czy baner funkcji i pasek linków znajdują się w tej samej sekcji, najeżdżając kursorem na przestrzeń po lewej lub prawej stronie bloków. Szara ramka Sekcja powinna otaczać oba bloki po najechaniu kursorem, a po kliknięciu sekcji zmienia kolor na niebieski.
- Opcjonalnie: Kliknij ikonę gwiazdki, aby zapisać sekcję jako treści uniwersalne. Bloki i sekcje uniwersalne mogą być używane w wielu szablonach, a wszystkie wystąpienia bloku/sekcji można edytować jednocześnie. Dowiedz się więcej o treściach uniwersalnych.
3. Dodaj zawartość treści
- Przeciągnij blok Sekcja z sekcji Układ na pasku bocznym Treść i umieść go pod nagłówkiem.
- Dodaj bloki zastępcze dla zawartości treści e-maila. Może to obejmować bloki tekstowe z opisami marki lub komunikatami promocyjnymi, typowe układy, których zamierzasz używać, zastępcze obrazy produktów i inne elementy. Dowiedz się, jak umieścić treść obok siebie za pomocą kolumn, podziałów bloków i tabel.
Dowiedz się, jak dodać obraz tła do sekcji i nałożyć na niego przyciski, tekst oraz inne elementy.
4. Zbuduj sekcję stopki
Klaviyo wymaga, aby w e-mailach umieszczać łącze do wycofania subskrypcji, a najczęściej znajduje się ono w stopce. Dodatkowo zalecane są następujące elementy stopki:
- Adres siedziby firmy
- Link do polityki prywatności
- Linki do Twoich profili w mediach społecznościowych (np. Facebook, Instagram, Twitter, TikTok)
- Link do Twojej witryny
- Link do preferencji e-mail
Aby dodać stopkę do bazowego szablonu:
- Przeciągnij nową sekcję pod sekcję treści lub edytuj domyślną stopkę.
- Dodaj blok tekstowy.
- Kliknij Personalizacja.
- W polu Personalizacja wyszukiwania wyszukaj „wycofać subskrypcję”.
- Wybierz Wycofać subskrypcję, aby dodać znacznik łącza do wycofania subskrypcji do swojego bloku tekstowego.
- Skorzystaj z tego samego menu, aby dodać adres organizacji, link do zarządzania preferencjami, link do widoku w przeglądarce i inne.
- Gdy wyślesz e-mail, te znaczniki zostaną zastąpione odpowiednim tekstem lub linkami.
- Następnie przeciągnij blok Linki społecznościowe do szablonu, bezpośrednio nad blok tekstu z poprzednich kroków.
- Wybierz swoje kanały społecznościowe z listy rozwijanej, aby dodać je do bloku.
- W polu Adres linku dla każdego kanału społecznościowego dodaj link do profilu.
- Wybierz styl ikony.
- Kliknij Gotowe, aby wrócić do głównych opcji edycji szablonu.
- Opcjonalnie zapisz całą sekcję stopki jako treści uniwersalne.
5. Podgląd
Po dodaniu nagłówka, treści i sekcji stopki wyświetl podgląd e-maila.
- Kliknij Podgląd i test w prawym górnym rogu edytora e-maili.
- Przełączaj między widokiem na komputerze i na urządzeniu mobilnym, aby upewnić się, że szablon wygląda zgodnie z oczekiwaniami w obu formatach.
- Kliknij Wyślij test, aby wysłać testową wiadomość e-mail do własnej skrzynki odbiorczej.
- Kliknij Gotowe, aby zamknąć modal podglądu.
- Kliknij Zapisz, aby zapisać szablon.
Po zapisaniu podstawowego szablonu możesz używać go jako podstawy dla wszystkich przyszłych e-maili w ramach kampanii i sekwencji.