Ako vytvoriť a odoslať vlastný HTML e-mail

Interaktívny HTML e-mail je výkonný nástroj. Firmy ich môžu použiť na propagačné akcie, nezávislí pracovníci ich môžu použiť na prezentáciu svojich služieb potenciálni klienti a vnúčatá môžu svojim starým rodičom vyčariť úsmev na tvári roztomilým zvykom dizajn. Jediné dve technológie, ktoré budete potrebovať na vytvorenie vlastného e-mailu od začiatku, sú HTML a inline CSS. Všetko, čo musíte urobiť, je zamyslieť sa nad návrhom, analyzovať ho vo forme riadkov a stĺpcov tabuľky a môžete začať stavať. V tomto článku sa naučíte krok za krokom spôsob vytvorenia a odoslania vlastného e-mailu HTML.

Vytvorte e-mailovú šablónu pomocou HTML

E-mailová šablóna sa spolieha na tradičné techniky HTML. Budete pracovať s tabuľkami a skladať riadky tabuľky a tabuľkové údaje celý čas. Základná HTML šablóna emailu vyzerá takto:

...
...
...
...
...
...
...




...

Výkon:

Najlepšie by bolo pripraviť si dizajn, aby ste si mohli zmapovať, kde a ako sa chystáte dizajn rozrezať. Okrem toho budete mentálne pripravení navrhnúť z nej štruktúru tabuľky.

Tu začínate s DOCTYPE pre dokument. Ďalej nastavíte znakovú sadu, typ obsahu, metaznačky a názov vo vnútri tag. Podstatná časť začína tým tag, kam umiestnite rodiča a pridať viacero riadkov tabuľky vnútri. Po rozdelení obsahu do správneho počtu riadkov je čas zadať údaje tabuľky v ich vnútri.

Ako už bolo povedané, musíte pracovať iba s tabuľkami. Preto pre zadávanie rôznych údajov do musíte sledovať definovanú trasu. Vytvorme si napríklad e-mailovú šablónu s logom a dátumom vo vnútri a tag.

 Logo a dátum vnútri značky 
 

















5. decembra 2021

Teraz viete, ako umiestniť značky HTML a vytvoriť dobrú štruktúru pre svoju e-mailovú šablónu. Poďme ďalej, aby sme lepšie pochopili štýl e-mailu.

Upravte svoj HTML e-mail

Úprava štýlu HTML e-mailu je ťažkopádna úloha, pretože môžete použiť iba inline CSS. Okrem toho budete musieť zopakovať štýl každého prvku, ak má podobný štýl. Ak nepoznáte kaskádové štýly, preskúmajte Začíname s CSS.

Náhľad:

 5. decembra 2021 






































Ahoj John Doe



Ďakujeme, že ste navštívili našu stránku. Dúfame, že ste sa dnes naučili niečo nové.





 Váš názor je pre nás dôležitý! 

 Ohodnoťte naše články tu. 


012345678910

Výkon:

Ak chcete, môžete prístup k úplnému kódu na GitHub a naklonujte úložisko, aby ste ho mohli používať.

Odoslanie pošty

Teraz skopírujte a prilepte celý kód z GitHubu. Ak používate kód VS, otvorte súbor HTML pomocou rozšírenia živého servera a skopírujte obsah kliknutím na Ctrl + A>Ctrl + C. Otvorte Gmail a napíšte nový e-mail. Prilepte obsah a zadajte e-mailovú adresu príjemcu. Pošlite e-mail a dostanete výsledky, ako je uvedené nižšie:

Otestujte kód na rôznych zariadeniach, aby ste videli, ako vyzerá a ako sa správa. Prispôsobte si svoj HTML e-mail a urobte ho čistým, jednoduchým a pohotovým.

Upraviť existujúce e-mailové šablóny

Vytvorenie HTML e-mailu od nuly si vyžaduje pevné uchopenie HTML a inline CSS. Môžete tiež upraviť existujúcu šablónu e-mailu a prispôsobiť ju svojim potrebám. Majte na pamäti, že načítanie HTML e-mailov zvyčajne trvá niekoľko sekúnd. Plánujte, navrhujte, kódujte a vykonávajte dôkladné testovanie, aby ste sa vyhli akýmkoľvek nezrovnalostiam zo strany koncových používateľov. Môžete sa dozvedieť viac o sémantickom HTML a CSS, aby ste mohli písať lepší a dostupnejší kód.

Naincy Mouryaová (17 publikovaných článkov)

Naincy sa špecializuje na vytváranie vysoko responzívnych webových stránok a efektívnu obsahovú stratégiu spolu s webovými kópiami. Je technologickou spisovateľkou na voľnej nohe, ktorá pozorne sleduje trendy technológií.

Viac od Naincy Mouryaovej