Jak utworzyć szablon podstawowy

Dowiedz się, jak utworzyć bazę szablonów e-mailowych w Klaviyo. Po utworzeniu szablonu bazowego możesz używać go we wszystkich kampaniach i sekwencjach, aby przyspieszyć proces tworzenia i zapewnić spójność strony branding we wszystkich komunikatach. 

Kilka słów na początek

Szablon podstawowy zawiera kluczowe sekcje, takie jak nagłówek, treść i stopka. Przejdź do strony Content > szablon i kliknij przycisk Create, aby rozpocząć. Następnie wykonaj poniższe kroki, aby dodać zawartość wielokrotnego użytku do szablonu. 

1. Ustaw style podstawowe

Przed stylizacją poszczególnych bloków ustaw style bazowe. Te style, takie jak czcionka, kolory, wypełnienie i inne, mają zastosowanie do wszystkich bloków w całym szablonie. 

Dodanie stylów bazowych ułatwia zastosowanie Twojego branding, a także zmniejsza wagę kodu, ułatwiając unikanie przycinania w Gmailu.

Aby dodać style bazowe: 

1. Kliknij opcję Style (obok opcji Zawartość).
   
   
   Jeśli zobaczysz Opcje wyświetlania obok karty Style zamiast Treść, kliknij Gotowe, aby opuścić ustawienia stylów bloku/sekcji, które mają zastosowanie tylko do tego bloku lub sekcji. 
2. Ustaw kolor tła dla szablonu i treści, a także margines i wypełnienie. Zalecamy pozostawienie ustawienia Szerokość na 600px, aby zapewnić optymalną kompatybilność ze skrzynką odbiorczą usługodawcy dostawcy.
   
3. Dodaj style tekstu, w tym czcionki, rozmiary czcionek, kolory i odstępy. Proszę pamiętać o ustawieniu stylów dla tekstu normalnego, a także dla nagłówków H1, H2, H3 i H4. Możecie używać tych stylów nagłówków do wyróżnienia tekstu w całej wiadomości e-mail. Dowiedz się, jak używać niestandardowej czcionki w wiadomościach e-mail.
   
4. Dodaj kolor i styl linku.
   
5. Wybierz walutę sklepu internetowego w menu Waluta. Wybrany symbol waluty jest używany wszędzie tam, gdzie w szablonie występuje znacznik{% currency_format … %} .
   
6. Jeśli optymalizacja mobilna jest włączona, dodaj ustawienia mobilne. Pojawią się one, gdy ktoś otworzy Twoją wiadomość e-mail na urządzeniu mobilnym. Dowiedz się więcej o optymalizacji mobilnej.
   

2. Zbuduj sekcję nagłówka 

Po skonfigurowaniu stylów wiadomości e-mail dodaj sekcję nagłówka. Ogólnie rzecz biorąc, sekcje nagłówka zawierają logo, kluczowe linki, a czasem baner z funkcjami informującymi o Twojej ostatniej sprzedaży lub statusie VIP odbiorcy. 

1. Jeśli Twój szablon ma już pasek nagłówka, zaktualizuj go, dodając własne logo. Alternatywnie, przeciągnij blok nagłówka i dodaj swoje logo. Poznaj najlepsze praktyki dotyczące rozmiaru i jakości obrazu. 
   
2. Wybierz układ w menu Desktop układ i Mobile układ (np. Logo inline dla komputerów stacjonarnych i Stack all dla urządzeń mobilnych). Pamiętaj, że urządzenia mobilne używają znacznie mniejszych ekranów niż komputery stacjonarne, więc układanie treści w stosy może ułatwić czytanie i nawigację. 
3. W sekcji Zawartość dodaj kluczowe linki nawigacyjne witryny. Kliknij ikonę kosza, aby usunąć linki, lub Dodaj linki, aby je dodać. Typowe linki, które możesz umieścić w nagłówku, to: sklep teraz, nowości, informacje, wyprzedaż, często zadawane pytania lub wybór kategorii produktów.
   
4. Dostosuj style bloków w sekcjach poniżej treści linków. Pamiętaj, że jeśli chcesz zastosować ustawienia stylu do całej wiadomości e-mail, użyj głównej karty Style, jak opisano w sekcji powyżej. 
5. Kliknij przycisk Gotowe, aby powrócić do głównych opcji edycji szablonu.

Dodaj opcjonalny baner funkcji

Możesz dodać baner funkcji powyżej lub poniżej paska nagłówka.

1. Przeciągnij blok tekstowy do tej samej sekcji, co pasek linków. 
   
2. Ustaw tło na kolor akcentujący i dodaj wyróżnioną wiadomość, na przykład "Użyj kodu WELCOME, aby uzyskać 15% zniżki na pierwsze zamówienie!".
3. Sprawdź, czy baner funkcji i pasek linków znajdują się w tej samej sekcji, najeżdżając kursorem na miejsce po lewej lub prawej stronie bloku. Szare obramowanie sekcji powinno otaczać oba bloki po najechaniu kursorem i zmieniać kolor na niebieski po kliknięciu sekcji.
   
4. Opcjonalnie: Kliknij ikonę gwiazdki, aby zapisać sekcję jako treści uniwersalne. Uniwersalne bloki i sekcje mogą być używane w wielu szablonach i możesz edytować wszystkie instancje bloku/sekcji jednocześnie. Dowiedz się więcej o treściach uniwersalnych. 

3. Dodaj treść

1. Przeciągnij blok Sekcja z sekcji Układ na pasku bocznym Zawartość i umieść go pod nagłówkiem.
   
2. Dodaj blok zastępczy dla treści wiadomości e-mail. Może to obejmować blok tekstowy z opisami Twojej marki lub komunikatami promocyjnymi, wspólny układ, którego zamierzasz użyć, zastępcze obrazy produktów i inne. Dowiedz się, jak umieszczać treści obok siebie za pomocą kolumn, podziałów bloków i tabel.
   

4. Zbuduj sekcję stopki

Klaviyo wymaga umieszczenia w wiadomości e-mail łącza do wycofania subskrypcji, które najczęściej znajduje się w stopce. Ponadto zalecane są te elementy stopki: 

• Adres Twojej firmy
• Link do twojej polityki prywatności 
• Linki do twoich profili społecznościowych (np. Facebook, Instagram, Twitter, Tiktok) 
• Link do Twojej strony internetowej
• Link do preferencji e-mail

Aby dodać stopkę do szablonu bazowego:

1. Przeciągnij nową sekcję poniżej sekcji głównej lub edytuj domyślną stopkę.
2. Dodaj blok tekstowy.
3. Kliknij przycisk Personalizacja. 
4. W polu Personalizacja wyszukiwania wyszukaj "wycofać subskrypcję".
5. Wybierz wycofać subskrypcję, aby dodać łącze do wycofania subskrypcji znacznika do bloku tekstowego.
6. Z tego samego menu można dodać adres organizacji, link do preferencji, link do widoku internetowego i inne opcje.
   
7. Gdy wyślesz wiadomość e-mail, znaczniki te zostaną zastąpione odpowiednim tekstem lub linkami.
   
8. Następnie przeciągnij blok linków społecznościowych do szablonu, bezpośrednio nad blok tekstowy z poprzednich kroków. 
9. Wybierz swój kanał społecznościowy z listy rozwijanej, aby dodać go do bloku.
   
10. W polu Adres linku dla każdego kanału społecznościowego dodaj link do swojego profilu. 
11. Wybierz styl ikony.
    
12. Kliknij przycisk Gotowe, aby powrócić do głównych opcji edycji szablonu.
13. Opcjonalnie zapisz całą sekcję stopki jako treści uniwersalne. 

5. Podgląd

Po dodaniu nagłówka, treści i stopki wyświetl podgląd wiadomości e-mail. 

1. Kliknij przycisk Podgląd testu & w prawym górnym rogu edytora wiadomości e-mail. 
2. przełączenie między komputerem stacjonarnym a telefonem komórkowym, aby upewnić się, że szablon jest wyświetlany zgodnie z oczekiwaniami w obu formatach. 
3. Kliknij Wyślij test, aby wysłać testową wiadomość e-mail do własnej skrzynki odbiorczej. 
4. Kliknij przycisk Gotowe, aby zamknąć okno podglądu. 
5. Kliknij Zapisz, aby zapisać szablon. 

Po zapisaniu szablonu bazowego możesz użyć go jako podstawy dla wszystkich przyszłych kampanii i sekwencji e-mail. 

Kolejne kroki

• szkolenie: Najlepsze praktyki, aby poprawić treść wiadomości e-mail
• Jak tworzyć, edytować, usuwać i zarządzać szablonami
• Jak dodać imię do e-maila lub SMS-a?
• Jak pokazać lub ukryć szablon blok i sekcje na podstawie zmiennych dynamicznych?