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
Podstawowy szablon zawiera kluczowe sekcje, takie jak nagłówek, treść główna i stopka. Aby utworzyć taki szablon:
- Przejdź do Zawartość > Szablony i wybierz Utwórz > Nowy szablon.
- Wybierz E-mail i w polu Nazwa wpisz opisową nazwę, np. „Podstawowy szablon e-maila”.
- Kliknij Utwórz, aby otworzyć edytor e-maili. Następnie wykonaj poniższe kroki, aby dodać do swojego szablonu zawartość wielokrotnego użytku.
1. Ustaw podstawowe style
Zanim zaczniesz stylizować poszczególne bloki, ustaw style bazowe. Te style, takie jak czcionka, kolory, dopełnienie i inne, zapewniają ustawienia domyślne w całym szablonie. Formatowanie zastosowane do poszczególnych bloków lub tekstu może nadpisać te ustawienia domyślne.
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 na lewym pasku bocznym.
Karta Style w wybranym bloku lub sekcji wpływa tylko na ten blok lub sekcję. Użyj opcji Style na lewym pasku bocznym, aby zmienić style podstawowe szablonu.
- 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.
- W Tekst i nagłówki dodaj style tekstu, w tym czcionki, rozmiary czcionek, kolory i odstępy. Użyj menu Style type, aby ustawić style dla tekstu Body, a także dla Heading 1, Heading 2, Heading 3 i Heading 4. 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 swoich e-mailach.
- Dodaj kolor i styl linku.
- Wybierz walutę swojego sklepu w menu Waluta. Wybrany symbol waluty jest domyślny dla znacznika {% currency_format ... %} w tym szablonie.
- Jeśli opcja Optimize for mobile jest włączona, dodaj ustawienia mobilne. Pojawią się one, gdy ktoś otworzy Twój 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 twój szablon ma już pasek nagłówka, kliknij go, aby zaktualizować go, dodając własne logo. Możesz też kliknąć Zawartość na lewym pasku bocznym, przeciągnąć blok Pasek nagłówka i dodać swoje logo. Poznaj sprawdzone metody 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 najważniejsze linki do nawigacji po stronie. Kliknij ikonę kosza, aby usunąć linki, albo Dodaj link, aby je dodać. Najczęstsze linki, które warto umieścić 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łego e-maila, użyj głównego panelu Style, zgodnie z opisem w sekcji powyżej.
- Kliknij strzałkę Wstecz u góry ustawień bloku, aby wrócić do Treści.
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, wpisz nazwę sekcji i kliknij Utwórz, aby zapisać ją jako treści uniwersalne. Bloków i sekcji uniwersalnych można używać w wielu szablonach, a wszystkie wystąpienia bloku/sekcji możesz edytować jednocześnie. Dowiedz się więcej o treściach uniwersalnych.
3. Dodaj zawartość treści
- Otwórz Treść na lewym pasku bocznym, jeśli jest zamknięta. Jeśli ustawienia bloku lub sekcji są otwarte, kliknij strzałkę wstecz. Przeciągnij blok Sekcja z Układ 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:
- Wróć do Treści za pomocą strzałki wstecz, jeśli ustawienia bloku lub sekcji są otwarte. Przeciągnij nową Sekcję pod sekcję treści, albo kliknij domyślną stopkę, aby ją edytować.
- Dodaj blok tekstowy.
- Kliknij ikonę Personalizacji na pasku narzędzi formatowania tekstu.
- W polu Personalizacja wyszukiwania wyszukaj „wycofać subskrypcję”.
- Wybierz Wycofać subskrypcję, aby dodać znacznik łącza do wycofania subskrypcji do swojego bloku tekstowego.
- Użyj tego samego menu, aby dodać adres organizacji, link do zarządzania preferencjami, link do wersji online i nie tylko.
W przypadku Zarządzaj preferencjami i Wersja online sprawdź tekst linku i kliknij Wstaw.
Gdy wyślesz e-mail, te znaczniki zostaną zastąpione odpowiednim tekstem lub linkami.
- Kliknij strzałkę wstecz u góry ustawień bloku tekstowego, a następnie przeciągnij blok Linki społecznościowe do sekcji stopki, bezpośrednio nad blok tekstowy z poprzednich kroków.
- Wybierz swoje kanały społecznościowe z listy rozwijanej Icon dla każdej istniejącej ikony. Aby dodać kolejny kanał, kliknij Dodaj ikonę, a następnie wybierz kanał dla nowej ikony.
- W polu Adres linku dla każdego kanału społecznościowego dodaj link do profilu.
- Wybierz styl ikony.
- Kliknij strzałkę Wstecz u góry ustawień bloku, aby wrócić do Treści.
- Opcjonalnie zapisz całą sekcję stopki jako treści uniwersalne. Wybierz sekcję stopki, kliknij ikonę gwiazdki, wpisz nazwę i kliknij Utwórz.
5. Podgląd
Po dodaniu nagłówka, treści i sekcji stopki wyświetl podgląd e-maila.
- Kliknij Podgląd 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.
- Wpisz swój adres e-mail w polu odbiorcy testowego, a następnie kliknij Wyślij test, aby wysłać testową wiadomość e-mail do swojej skrzynki odbiorczej.
- Kliknij Gotowe, aby zamknąć modal podglądu.
- Kliknij Zakończ, aby zakończyć edycję i wrócić do swoich szablonów. Klaviyo automatycznie zapisuje zmiany w Twoim szablonie.
Po zapisaniu podstawowego szablonu możesz używać go jako podstawy dla wszystkich przyszłych e-maili w ramach kampanii i sekwencji.