Hostowanie czcionki niestandardowej na swojej stronie

read
Last updated at:

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:

  1. Użycie publicznej czcionki hostowanej na Twojej stronie
  2. Publiczne hostowanie własnej czcionki i zastosowanie adresu URL do zaimportowania czcionki do formularzy rejestracyjnych
Z tego artykułu dowiesz się, jak przesłać niestandardową czcionkę do witryny e-commerce, aby używać jej w formularzach, a nie szablonach e-mailowych. Więcej informacji o tym, jak dodawać do szablonów e-mailowych niestandardowe czcionki znajdziesz w artykule na ten temat.

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.

  1. Przejdź na swoją stronę.
  2. Kliknij prawy przycisk myszy i ,w zależności od używanej przeglądarki, wybierz opcję Zbadaj lub Zbadaj element.
  3. Następnie przejdź do Sieć > Czcionki.
  4. 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.
  5. W obszarze Nazwa kliknij czcionkę, którą chcesz importować.
  6. Wybierz kartę Nagłówki.
  7. Skopiuj adres URL czcionki, której chcesz użyć.
  8. W Klaviyo przejdź do Treść > Obrazy i branding > Czcionki.
  9. Wybierz Importuj czcionkę.
  10. 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:

  1. Prześlij czcionkę do zasobów swojej strony e-commerce. Należy zrobić to w kodzie witryny.
  2. 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ęimportuj wybraną czcionkę.

Menu importowania czcionek na karcie Obrazy i branding w Klaviyo.

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ć rozmiar 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

 

x
Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 193 z 431