Jak utworzyć podpis HTML w Gmailu?



Podpisy HTML mogą sprawić, że twoja poczta przyciągnie wzrok. Podpisy to nie tylko atrakcyjność poczty; może również pomóc Ci dowiedzieć się więcej o klientach. Możesz stworzyć prosty i elegancki podpis e-mailowy bez wiedzy o kodowaniu, która może zaimponować Twoim klientom.

Teraz przejdźmy przez kilka prostych kroków, które pomogą Ci podpisywać wiadomości e-mail dla identyfikatora Gmaila lub innego klienta poczty e-mail.

Włącz podpisy HTML w Gmailu

Zanim przejdziemy do podpisów e-mail. konieczne jest włączenie podpisów z ustawień Gmaila. Aby to zrobić, upewnij się, że jesteś zalogowany na konto Gmail. Teraz kliknij ikonę ustawień w prawym górnym rogu i wybierz ustawienia. Przewiń w dół, aby znaleźć podpis i zaznacz przycisk opcji, aby go włączyć.

Tutaj możesz skopiować i wkleić kod HTML, aby wygenerować podpis e-mail. Po włączeniu podpisu w Gmailu i zobaczeniu, jak go utworzyć.

Utwórz podpis HTML dla wiadomości e-mail

Podpisy mogą być Twoją cyfrową wizytówką, która dodaje esencji przyciągania do oka widza. Istnieją różne metody, dzięki którym można tworzyć podpisy HTML bez żadnych kłopotów. Jeśli znasz język programowania, możesz go zaprogramować, aby wyglądał tak, jak chcesz. Wyjaśniamy kod podpisu HTML jako demonstrację, aby uzyskać dokładną koncepcję struktury, standardowego rozmiaru obrazu i innych elementów, których należy użyć, aby uzyskać pożądany wynik. Jeszcze jedna wskazówka: użyj tabel do uporządkowania treści podpisu.

Tworzenie podstawowej struktury podpisu HTML

Ten samouczek składa się z pięciu części, które następują po utworzeniu tabeli i dodaniu logo firmy, szczegółów, przycisków mediów społecznościowych i tekstu zastrzeżenia wewnątrz niego. Tabela musi znajdować się wewnątrz bloku div, ponieważ uważana jest za dobrą praktykę, aby zachować swoje rzeczy wewnątrz tagów. Pamiętaj, że kod działa nawet wtedy, gdy nie ma tagów i.

Ponadto definiujemy stylizację w sposób liniowy, ponieważ nie mamy możliwości dodania zewnętrznego arkusza stylów. Tutaj szerokość wynosi 480px, więc nie zajmuje dużo miejsca, a czcionki są ustawione na Arial, ponieważ wszystkie przeglądarki domyślnie je obsługują.

Dodaj logo firmy w podpisie HTML

Możesz dodać swój obraz Headshot zamiast Logo firmy; to zależy od twoich wymagań. Ponieważ musimy dodać obraz, musisz go umieścić gdzieś w Internecie. Upewnij się, że Twój obraz jest dostępny publicznie. Używamy imgur do celów demonstracyjnych. Idź do imgur, kliknij Nowy post w lewym górnym rogu. Prześlij obraz, klikając przycisk przeglądania . Możesz także użyć Dysku Google, Dropbox lub dowolnej innej platformy, którą uznasz za alternatywną.

Możesz edytować link „ href ”, aby przenieść użytkownika na stronę firmy i link „ src”, aby dodać link źródłowy obrazu, który hostowałeś w sieci.

Dodaj szczegóły w podpisie HTML

Następna część to dodanie szczegółów, takich jak imię i nazwisko, numer telefonu, adres, e-mail do podpisu. Możesz dodać lub usunąć dowolną z rzeczy, usuwając tylko tę część kodu, lub nawet zmienić kolejność szczegółów, zmieniając kolejność kodu. Uwzględniliśmy wszystkie szczegóły w celu demonstracji. Tutaj tworzymy oddzielną tabelę, która znajduje się wewnątrz głównego stołu i umieszcza wszystkie szczegóły w wierszu tabeli w następujący sposób:

Przyciski mediów społecznościowych w podpisie HTML

Ponadto możesz użyć własnych ikon społecznych wybranych przez IconFinder. Istnieje wiele bezpłatnych ikon do wyboru. Możesz także kupić dowolną z ikon premium, jeśli lubisz którąkolwiek z nich. Wyszukaj figurę i wybierz rozmiar 32 * 32, aby uzyskać właściwy wygląd. Możesz zmienić na dowolny rozmiar zgodnie z prezentacją. Tutaj zdefiniowaliśmy rozmiar 20 * 20 px dla wszystkich ikon społecznościowych. Tutaj wszystko, co musisz zmienić, to linki do profilu w mediach społecznościowych, zastąp „ # ” swoim profilem w href.

Kaivan Doshi
Twórca treści
telefon: +1 (929) 999-9999
telefon komórkowy: +1 (929) 999-9999
email:
Linia adresu 1
Linia adresu 2

Zastrzeżenie w podpisie HTML

Profesjonalni giganci biznesowi zawsze dodają tekst zastrzeżenia na końcu podpisu. Aby dodać to samo, postępuj zgodnie z poniższym kodem.

 ADD disclaimer Text Here

Możesz użyć powyższego kodu i dokonać edycji zgodnie z wymaganiami. Po zakończeniu umieszczania kodu w jednym miejscu, podpis HTML będzie wyglądał następująco.

Niestety, nie można użyć żadnych elementów JavaScript do nadania mu stylu, ponieważ Gmail blokuje dowolną zawartość javascript w wiadomości e-mail. Należy pamiętać, że bardziej złożone właściwości CSS, które powodują animacje, mogą nie działać.

Podpis HTML w Gmailu

Najtrudniejsze jest to, że Gmail nie udostępnia edytora HTML, a otrzymasz edytor tekstu sformatowanego typu WYSIWYG (What You See Is What You Get). Aby rozwiązać ten problem, wystarczy uruchomić kod HTML w dowolnej przeglądarce. Zaznacz wszystko i skopiuj go w obszarze podpisu Gmaila. Przewiń w dół i kliknij Zapisz zmiany, aby zmiany zostały wprowadzone skutecznie.

Narzędzia online do tworzenia podpisu HTML

Dla osób, które nie mają czasu na kodowanie, mogą korzystać z narzędzi online, które mogą wygenerować strukturę. Niektóre z łatwych w użyciu narzędzi to podpisy pocztowe, podpisy, podpis. Wymienione powyżej narzędzia umożliwiają szczegółową personalizację, a podpis można złożyć w ciągu 5 minut. Możesz dodać różne przyciski społecznościowe, obrazy, certyfikaty i wiele innych rzeczy. Istnieją opcje dodawania tekstu zastrzeżenia oraz cytatów na końcu podpisu. Po utworzeniu idealnego podpisu wszystko, co musisz zrobić, to skopiować go i wkleić w edytorze tekstu w sekcji Podpis w ustawieniach Gmaila. Pamiętaj, aby zapisać zmiany przed wyjściem.

Do celów demonstracyjnych użyliśmy darmowego kreatora podpisów e-mailowych Exclaimera. Tutaj możesz spersonalizować podpis zgodnie ze swoimi zainteresowaniami. Umożliwia także zmianę schematów kolorów. W sekcji Układ możesz wybrać styl szablonu, który najbardziej Ci odpowiada. W obszarze Szczegóły musisz dodać dane osobowe, takie jak imię i nazwisko, nazwa firmy i strona internetowa, adres e-mail, numer telefonu itp.

Link do strony internetowej: HTML Signature Creator.

Możesz również dodać dostosowany tekst Zastrzeżenia, a także umożliwia przesłanie logo firmy. Kiedy skończysz grać z narzędziem Signature, przejdź do sekcji instalacji i wybierz opcję Podświetl podpis . Na koniec skopiuj i wklej w sekcji Podpis w ustawieniach Gmaila.

Wiele usług premium zapewnia podpisy HTML z bardziej wyrafinowanym projektem i analizą do śledzenia klientów. Za każdym razem, gdy osoba kliknie przycisk społecznościowy lub link do strony internetowej, rejestruje kliknięcie i wyświetla raport dotyczący liczby osób zainteresowanych i sprawdzających Twoje usługi. Takie stwierdzenia mogą odgrywać kluczową rolę w konwersji.

Utwórz podpis HTML dla Gmaila

E-mail marketing przynosi kredyt w wysokości około 35% sprzedaży produktów każdego roku. Konieczne jest prawidłowe zaprojektowanie poczty, aby uzyskać lepsze konwersje. Jedną z części, której brakuje większości podmiotów gospodarczych, jest kreatywny, ale prosty projekt. Bezbłędne kończenie poczty może być trudnym zadaniem.

Podpisy HTML to sposób na informowanie ludzi o nadawcy, a także sprawia, że ​​wyglądasz bardziej profesjonalnie. Podpisz kod samodzielnie lub użyj dowolnego z wymienionych narzędzi, aby je utworzyć. Pamiętaj, aby wybrać prosty i profesjonalnie wyglądający projekt i zachować go krótko, subtelnie.

Poprzedni Artykuł

Najlepsze kanały wideo Roku 4K, aby uzyskać lepsze wrażenia

Najlepsze kanały wideo Roku 4K, aby uzyskać lepsze wrażenia

Rynek telewizyjny przekształca się z koncepcji Smart TV w telewizory 4K i telewizory Ultra HD. Jednak możesz mieć trudności z odnalezieniem filmów 4K, aby cieszyć się doświadczeniem na nowym dużym ekranie 4K w salonie. Operatorzy telewizji kablowych są w fazie oferowania kanałów 4K swoim abonentom. Istnieje je...

Następny Artykuł

Najlepsze 7 darmowych aplikacji Android SMS Scheduler (Scheduler SMS).

Najlepsze 7 darmowych aplikacji Android SMS Scheduler (Scheduler SMS).

Telefon z Androidem pozwala zaplanować wysłanie wiadomości tekstowej w przyszłości. Po zaplanowaniu wiadomości tekstowej nie trzeba już więcej przypomnień. Za pomocą tego harmonogramu wiadomości tekstowych nigdy nie przegapisz żadnych urodzin, rocznic, świątecznych powitań lub ważnych spotkań. Dzięki tym apli...