Hostowanie czcionki niestandardowej na swojej stronie
Czego się dowiesz?
Naucz się, jak przesłać na swoją witrynę e-commerce czcionkę, tj. czcionkę, która nie jest hostowana przez Google lub Adobe, aby importować ją do formularzy rejestracyjnych Klaviyo. Jeśli chcesz użyć importowanej czcionki w formularzu rejestracyjnym, masz w związku z tym dwie możliwości:
- Użycie publicznej czcionki hostowanej na Twojej stronie
- Publiczne hostowanie własnej czcionki i zastosowanie adresu URL do zaimportowania czcionki do formularzy rejestracyjnych
Korzystanie z czcionki Twojej strony
Na początek, aby przesłać czcionkę do Klaviyo, możesz użyć publicznego adresu URL swojej strony.
Pamiętaj, że ta metoda hostowania niestandardowej czcionki nie jest obsługiwana przez sklepy Shopify.
- Przejdź na swoją stronę.
- Kliknij prawy przycisk myszy i ,w zależności od używanej przeglądarki, wybierz opcję Zbadaj lub Zbadaj element.
- Następnie przejdź do Sieć > Czcionki.
- Odśwież stronę.
Zobaczysz listę wszystkich czcionek. Jeśli nazwa czcionki nie zostanie wypełniona, a zamiast niej pojawi się ciąg cyfr i liter, wybierz kartę podglądu i zdecyduj, której czcionki chcesz uży ć w formularzu rejestracyjnym. - W obszarze Nazwa kliknij czcionkę, którą chcesz importować.
- Wybierz kartę Nagłówki.
- Skopiuj adres URL czcionki, której chcesz użyć.
- W Klaviyo przejdź do Treść > Obrazy i branding > Czcionki.
- Wybierz Importuj czcionkę.
- Prześlij niestandardową czcionkę, wklejając jej adres URL w pole Adres źródłowy.
Przesyłanie czcionki hostowanej samodzielnie
Na początek, jeśli czcionka nie jest jeszcze publicznie hostowana online, pobierz na swój komputer tę, którą chcesz użyć. Pamiętaj, że aby plik mógł być używany w Klaviyo, musi mieć format WOFF, WOFF2, TTF, EOT lub SVG. Pobierając pliki czcionek z internetu, również należy zachować ostrożność – mogą one zawierać złośliwe oprogramowanie. Następnie:
- Prześlij czcionkę do zasobów swojej strony e-commerce. Należy zrobić to w kodzie witryny.
- Zapisz ustawienie.
Więcej informacji na temat dodawania zasobów na stronę znajdziesz w centrach pomocy poszczególnych platform e-commerce:
Po uzyskaniu adresu URL wróć do Klaviyo i wybierz Treść > Obrazy i branding > Czcionki. Następnie kliknij kartę Importuj czcionkę i importuj wybraną czcionkę.
Wpływ na czcionkę strony przez metrykę Klaviyo.js
Śledzenie metryki Aktywność na stronie przez Klaviyo (Klaviyo.js) należy zainstalować ręcznie lub za pośrednictwem integracji e-commerce – tylko tak formularze rejestracyjne Klaviyo będzie można opublikować na stronie użytkownika. Jeśli załadowano tylko niektóre warianty czcionek, pozostałe z nich metryka Klaviyo.js załaduje do biblioteki podczas importowania jej na Twoją stronę. Wówczas czcionki na stronie mogą zostać poddane nieznacznej edycji: może się na przykład zmienić waga nagłówka witryny.
Problem ze zmianami wprowadzanymi do czcionek przez Klaviyo.js można rozwiązać na dwa sposoby:
- usuwając problematyczne czcionki z biblioteki czcionek Klaviyo; albo
- aktualizując CSS w nagłówku strony, tak by podczas ładowania dodatkowych wariantów przez Klaviyo.js nie był on nadpisywany.
Ponieważ ta opcja wymaga dogłębnej znajomości CSS, niezbędna może okazać się pomocy programisty bądź programistki. Klaviyo nie oferuje wsparcia w zmianie CSS strony. Mamy jednak rozległą sieć partnerów.
Dodatkowe źródła
- Używanie w formularzach rejestracyjnych niestandardowych czcionek
- Anglojęzyczne szkolenie na temat tworzenia skutecznej strategii pozyskiwania klientów przy użyciu formularzy rejestracyjnych
- Dodawanie do szablonów e-mailowych niestandardowych czcionek