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 niestandardowego szablonu.
Używanie niestandardowego HTML zalecamy tylko doświadczonym technicznie marketingowcom lub każdemu, kto ma dostęp do programisty. Chociaż nasz produkt pomaga w tworzeniu niestandardowego kodu HTML, nasz zespół ds. pomocy nie jest w stanie pomóc Ci w tworzeniu niestandardowego szablonu poza oferowaniem ogólnych wskazówek zawartych w niniejszej dokumentacji.
Aby zachować bezpieczeństwo Twoich danych, Klaviyo's zespół ds. pomocy nie jest w stanie otworzyć Twoich plików HTML.
Niestandardowy element HTML i CSS
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 uczynić swój e-mail interaktywnym w Gmailu, używając pewnych selektorów atrybutów CSS, Twój szablon może wywołać błąd w Klaviyo.
Klaviyo nie obsługuje obecnie niektórych operatorów (takich jak ~) w szablonach e-mailowych. Może to ograniczyć zakres, w jakim niektóre niestandardowe kody HTML i CSS mogą być używane. Jeśli twój szablon zawiera kod HTML lub CSS, który nie jest w pełni obsługiwany, nie będziesz w stanie wygenerować podglądu wiadomości e-mail i zamiast tego zobaczysz komunikat o błędzie.
Typowe problemy z HTML
Jeśli zauważysz, że Twoja niestandardowa wiadomość e-mail w formacie HTML nie wygląda poprawnie, oto kilka typowych miejsc, w których można sprawdzić problemy.
Pojedyncze cudzysłowy w czcioncePojedyncze cudzysłowy w czcionce
Gdziekolwiek dodajesz atrybut font-family w CSS, szukaj pojedynczych cudzysłowó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 media
Jeśli zapytania o media nie mają standardowego formatu, nie będą renderowane poprawnie. Postępuj zgodnie ze standardowym formatem dla wszystkich zapytań o media.
| Standard media format zapytania |
| @media only screen and (max-width: 460px) |
Niepotrzebny znacznik centrum
Jeśli masz wiele znaczników HTML <center> w całym szablonie e-mailowym, może on nie być poprawnie renderowany w Gmailu. Aby rozwiązać ten problem, usuń wszystkie niepotrzebne <center> znacznik. <center> Potrzebne <body> jest tylko jedno centrum <> znacznik w górnej części szablonu e-mailowego w pobliżu korpusu <> znacznik. Wszystkie dodatkowe <center> znaczniki są zbędne.
Klaviyo nie pomaga JavaScript e-mail
Większość klientów poczty e-mail (Gmail, Hotmail, Yahoo itp.) postrzega JavaScript w wiadomościach e-mail jako zagrożenie dla bezpieczeństwa. Wynika to z faktu, że skrypty mogą ukrywać złośliwą zawartość. W rezultacie ci główni 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 i brak pomocy dla 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 lub filmówKlaviyo nie obsługuje osadzonych formularzy lub filmów
Klaviyo nie obsługuje formularzy osadzonych, widżetów ani filmów w szablonie. Wynika to z faktu, że nasze testy wykazały, że tego typu funkcje nie są niezawodnie renderowane we wszystkich głównych klientach poczty e-mail. Podobnie jak w przypadku fragmentów JavaScript, większość klientów poczty e-mail postrzega te elementy jako zagrożenie bezpieczeństwa i całkowicie usuwa je z wiadomości e-mail.
Jeśli chcesz dowiedzieć się, jak to obejść, przejdź na stronę płatności przejść do kasy ten artykuł na temat dodawania wideo lub GIF do wiadomości e-mail.
Inne nieobsługiwane znaczniki i atrybutyInne nieobsługiwane znaczniki i atrybuty
Omówione tutaj znaczniki i atrybuty HTML nie są wyczerpującą listą tego, co Klaviyo pomoc. Ogólnie rzecz biorąc, elementy HTML, które są obsługiwane przez główne skrzynki odbiorcze usługodawca dostawca są również obsługiwane przez Klaviyo.
Jeśli twój szablon ma nieobsługiwany kod HTML, Klaviyo spróbuje zastąpić nieobsługiwany element obsługiwaną alternatywą (np. znacznikiem span). Jeśli nie ma wyraźnego zamiennika, ta część twojego kodu HTML zostanie usunięta. Jeśli fragmenty kodu HTML znikają po ich dodaniu, oznacza to, że prawdopodobnie nie są one obsługiwane; wypróbuj alternatywny znacznik lub atrybut HTML, aby uzyskać podobny efekt.
Dodatkowe źródła