Rozwiązywanie problemów z niestandardowymi CSS, JavaScript i HTML w Klaviyo
Czego się dowiesz?
Dowiedz się, jak rozwiązywać problemy z niestandardowym kodem podczas importowania niestandardowego szablonu HTML lub tworzenia własnego szablonu zakodowanego niestandardowo.
Zalecamy korzystanie z niestandardowego HTML tylko technicznie zaawansowanym marketerom lub osobom mającym dostęp do dewelopera. Chociaż nasz produkt obsługuje niestandardowy kod HTML, nasz zespół wsparcia nie może pomóc Ci w tworzeniu niestandardowych szablonów poza udzieleniem ogólnych wskazówek opisanych w tej dokumentacji.
Aby zapewnić bezpieczeństwo danych, zespół pomocy Klaviyo nie ma możliwości otwierania Twoich plików HTML.
Niestandardowe elementy HTML i CSS
Jeśli tworzysz niestandardowy szablon HTML, nie możesz używać feedów produktowych w e-mailu.
Niektóre elementy HTML i CSS używane do tworzenia interaktywnych wiadomości e-mail nie są obecnie obsługiwane. Na przykład, jeśli chcesz, aby Twoja wiadomość e-mail była interaktywna w Gmailu, używając niektórych selektorów atrybutów CSS, Twój szablon może spowodować błąd w Klaviyo.
Klaviyo obecnie nie obsługuje niektórych operatorów (takich jak ~) w szablonach e-maili. Może to ograniczyć zakres, w jakim można używać niektórych niestandardowych elementów HTML i CSS. Jeśli szablon zawiera HTML lub CSS, które nie są w pełni obsługiwane, nie będzie można wygenerować podglądu e-maila i zamiast tego pojawi się komunikat o błędzie.
Typowe problemy z HTML
Jeśli Twój niestandardowy e-mail HTML nie wygląda prawidłowo, oto kilka typowych miejsc, w których warto sprawdzić potencjalne problemy.
Pojedyncze cudzysłowy w czcionce
Zawsze, gdy w CSS dodajesz atrybut font-family, szukaj apostrofów lub niepotrzebnych cudzysłowów. Usuń wszystkie cudzysłowy podczas dodawania czcionki.
Problem | Stała |
font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Zapytania o multimedia
Jeśli zapytania o media nie są w standardowym formacie, nie będą renderować się prawidłowo. Stosuj standardowy format dla wszystkich zapytań dotyczących multimediów.
Standard format zapytania o media |
@media only screen and (max-width: 460px) |
Niepotrzebne znaczniki center
Jeśli w szablonie wiadomości e-mail znajduje się wiele znaczników HTML <center>, może się on nieprawidłowo wyświetlać w Gmailu. Aby rozwiązać ten problem, usuń wszystkie zbędne znaczniki <center>. Wystarczy tylko jeden znacznik <center> u góry szablonu wiadomości e-mail, w pobliżu znacznika <body>. Wszystkie dodatkowe znaczniki <center> są zbędne.
Klaviyo nie obsługuje wiadomości e-mail w JavaScript
Większość klientów poczty e-mail (Gmail, Hotmail, Yahoo itp.) traktuje JavaScript w e-mailach jako zagrożenie bezpieczeństwa. Dzieje się tak, ponieważ skrypty mogą ukrywać złośliwą zawartość. W rezultacie ci najwięksi klienci poczty e-mail całkowicie blokują skrypty w wiadomościach e-mail. Biorąc pod uwagę nieodłączne zagrożenie bezpieczeństwa związane z JavaScipt w wiadomościach e-mail oraz brak obsługi takich skryptów przez większość głównych klientów poczty e-mail, wszelkie dodane skrypty zostaną automatycznie usunięte.
Klaviyo nie obsługuje osadzonych formularzy ani filmów wideo
Klaviyo nie obsługuje osadzonych formularzy, widżetów ani filmów w szablonach. Dzieje się tak, ponieważ nasze testy pokazują, że tego typu funkcje nie renderują się niezawodnie we wszystkich najważniejszych klientach poczty e-mail. Podobnie jak fragmenty kodu JavaScript, większość klientów poczty e-mail postrzega te elementy jako zagrożenie dla bezpieczeństwa i usuwa je z e-maili w całości.
Jeśli chcesz poznać obejścia tego problemu, sprawdź ten artykuł o dodawaniu filmu lub GIF-a do wiadomości e-mail.
Inne nieobsługiwane znaczniki i atrybuty
Omówione tutaj znaczniki i atrybuty HTML nie stanowią wyczerpującej listy tego, co obsługuje Klaviyo. Ogólnie rzecz biorąc, elementy HTML, które są obsługiwane przez głównych dostawców skrzynek odbiorczych, są też obsługiwane przez Klaviyo.
Jeśli szablon zawiera nieobsługiwany HTML, Klaviyo spróbuje zastąpić nieobsługiwane elementy obsługiwaną alternatywą (np. znacznikiem span). Jeśli nie ma jasnego zamiennika, ta część HTML zostanie usunięta. Jeśli po dodaniu fragmentów HTML wydaje się, że znikają, oznacza to, że najprawdopodobniej nie są obsługiwane; spróbuj użyć innego znacznika lub atrybutu HTML, aby osiągnąć podobny efekt.