Jak wstawić kod HTML do Gmaila

Młoda kobieta pracująca w domu

Możesz wstawić kod HTML do Gmaila.

Źródło obrazu: Marko Geber/DigitalVision/GettyImages

Starsze wersje Gmaila pozwalały na HTML, a nawet dostarczały łatwy w użyciu edytor HTML. Teraz Gmail utrudnia korzystanie z HTML i nakłada ograniczenia na to, jaki HTML jest faktycznie obsługiwany. To powiedziawszy, wdrożenie podstawowego HTML, aby pomóc w dostosowywaniu i projektowaniu wiadomości e-mail, jest proste do wdrożenia i może stworzyć naprawdę fajne elementy projektu bez płacenia za niestandardową usługę e-mail.

Ograniczenia HTML w Gmailu

Gmail pozwala na proste formatowanie w edytorze WYSIWYG, ale możesz też użyć zewnętrznego edytora do bardziej złożonego kodu. Edytory zewnętrzne są idealne do tworzenia marki firmy i formatowania stylu biuletynów, podczas gdy edytor wewnętrzny doskonale nadaje się do prostych czcionek, emotikonów i obrazów. Wybór edytora zasadniczo zależy od złożoności kodu HTML i konkretnych potrzeb dotyczących rzeczywistej wiadomości e-mail.

Wideo dnia

Czcionki internetowe również nie będą działać w ekosystemie Gmaila. Możesz używać tylko czcionek już dostarczonych przez Gmaila, więc unikaj dodawania czegokolwiek poza tymi, ponieważ kod nie wyrenderuje niestandardowych czcionek. Czcionki dostarczane przez Gmaila są jednak dość solidne i istnieje wiele opcji niestandardowego e-maila.

Kolejnym ograniczeniem jest brak możliwości włączenia zewnętrznych arkuszy stylów. Po prostu nie można napisać niezależnego arkusza CSS i podłączyć go bezpośrednio do Gmaila. Na szczęście możesz dodać określone wiersze kodu CSS jako osadzony element w kodzie HTML. Zapewnia to dobre obejście z ograniczonymi możliwościami stylizacji, ale nie pełną mocą kaskadowego arkusza stylów.

Używaj HTML w Gmailu

Teraz, gdy znasz ograniczenia, śmiało napisz kod HTML w edytorze wewnętrznym lub zewnętrznym. Edytory zewnętrzne są powszechne i często są zintegrowane z usługami zarządzania subskrypcjami list mailingowych. Istnieją wersje bezpłatne i płatne z szeroką gamą dostępnych opcji. Edytor wewnętrzny będzie wymagał pisania lub kopiowania i wklejania surowego kodu z edytora zwykłego tekstu, aby działał poprawnie.

Edytory zewnętrzne są idealne dla wielu użytkowników, ponieważ pisanie surowego kodu nie zawsze jest koniecznością. Wiele wersji ma wstępnie zaprojektowane szablony i edytor przeciągania i upuszczania, który nie wymaga znajomości kodowania. Projekty są zaprojektowane specjalnie do działania w ramach ograniczeń platform e-mail, takich jak Gmail.

Największą przeszkodą w wstawianiu niestandardowego kodu HTML do Gmaila jest wyświetlanie. E-maile są odczytywane na wielu różnych urządzeniach, a kod będzie wyświetlany inaczej na każdym urządzeniu. Może działać idealnie na laptopie i nie dopasowywać układu do urządzeń mobilnych. Poszukaj zewnętrznych platform edycyjnych, które oferują responsywne projekty szablonów, aby mieć pewność, że będą prawidłowo zmieniać rozmiar na każdym urządzeniu.

Oddaj kod

Po zaprojektowaniu e-maila nadszedł czas, aby wprowadzić kod bezpośrednio do Gmaila. Testowanie przed wysłaniem jest również krytycznym ostatnim krokiem w procesie. W pełni usługowy edytor poczty e-mail i system zarządzania połączy się z Twoim Gmailem i wyśle ​​e-maile za pośrednictwem usługi zewnętrznej. Te edytory zazwyczaj oferują łatwą metodę wysłania testowego e-maila, aby wyświetlić wszystko w normalnej skrzynce odbiorczej.

Aby osadzić kod HTML w wiadomości e-mail w Gmailu, skopiuj kod w formacie zwykłego tekstu i najpierw wyrenderuj kod w przeglądarce internetowej. Otwarcie pliku HTML w Chrome lub innej przeglądarce jest w porządku. Spowoduje to wyświetlenie wiadomości e-mail tak, jak pojawi się w Gmailu. Skopiuj wszystko z wyświetlacza przeglądarki internetowej i wklej bezpośrednio do Gmaila.

Wyślij do siebie testową wiadomość e-mail, aby upewnić się, że wyświetla się poprawnie przed wysłaniem oficjalnej wiadomości e-mail. Google oferuje również rozszerzenie Gmass do zarządzania i wysyłania zbiorczych wiadomości e-mail na Twoją oficjalną listę e-mailową.