Как да създадете и изпратите персонализиран HTML имейл

Интерактивният HTML имейл е мощен инструмент. Бизнесът може да ги използва за промоционални сделки, фрийлансърите могат да ги използват, за да представят услугите си потенциални клиенти, а внуците могат да предизвикат усмивка на лицата на своите баби и дядовци със сладък обичай дизайн. Единствените две технологии, от които ще се нуждаете, за да създадете персонализиран имейл от нулата, са HTML и вграден CSS. Всичко, което трябва да направите, е да вземете предвид дизайна, да го анализирате под формата на редове и колони в таблицата и е добре да започнете да изграждате. В тази статия ще научите стъпка по стъпка метод за създаване и изпращане на персонализиран HTML имейл.

Създайте шаблона за имейл с помощта на HTML

Шаблонът за имейл разчита на традиционните HTML техники. Ще работите с таблици и ще подреждате редове в таблицата и таблични данни през цялото време. Основният HTML шаблон за имейл изглежда така:

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




...

Изход:

Най-добре би било да подготвите дизайн, така че да можете да начертаете къде и как ще нарежете дизайна. Освен това ще бъдете психически готови да съставите структура на таблица от нея.

Тук започвате с DOCTYPE за документа. След това задавате набор от знаци, тип съдържание, мета тагове и заглавие вътре етикет. Съществената част започва с маркирайте мястото, където поставяте родител и добавете няколко реда в таблицата вътре в него. След като разделите съдържанието на подходящ брой редове, е време да въведете данните в таблицата вътре в тях.

Както беше казано, трябва да работите само с таблици. Следователно, за въвеждане на различни данни вътре в етикет, трябва да следвате определен маршрут. Например, нека формираме шаблон за имейл с лого и дата в a етикет.

 Лого и дата в маркера 
 

















05 декември 2021 г

Сега знаете как да поставите HTML тагове и да изградите добра структура за вашия имейл шаблон. Нека продължим напред, за да разберем по-добре стила на имейла.

Оформете своя HTML имейл

Оформянето на HTML имейл е тромава задача, тъй като можете да използвате само вграден CSS. Освен това ще трябва да повторите стила за всеки елемент, ако притежава подобен стил. Ако не сте запознати с каскадните стилови таблици, проучете да започнете с CSS.

Визуализация:

 05 декември 2021 г 






































здравей Джон Доу



Благодарим Ви, че посетихте нашия сайт. Надяваме се, че сте научили нещо ново днес.





 Вашето мнение е важно за нас! 

 Оценете нашите статии тук. 


012345678910

Изход:

Ако искаш, можеш достъп до пълния код на GitHub и клонирайте хранилището, за да го използвате.

Изпращане на пощата

Сега копирайте и поставете целия код от GitHub. Ако използвате VS Code, отворете HTML файла, като използвате разширението на сървъра на живо и копирайте съдържанието, като щракнете върху Ctrl + A>Ctrl + C. Отворете Gmail и напишете нов имейл. Поставете съдържанието и въведете имейл адреса на получателя. Изпратете имейла и ще получите резултатите, както е показано по-долу:

Тествайте кода на различни устройства, за да видите как изглежда и се държи. Персонализирайте своя HTML имейл и го направете изчистен, прост и отзивчив.

Промяна на съществуващи имейл шаблони

Създаването на HTML имейл от нулата изисква стабилно владеене на HTML и вграден CSS. Можете също така да промените съществуващ шаблон за имейл и да го персонализирате според вашите нужди. Имайте предвид, че HTML имейлите обикновено отнемат няколко секунди, за да се заредят. Планирайте, проектирайте, кодирайте и провеждайте задълбочено тестване, за да избегнете несъответствията на крайния потребител. Можете да научите повече за семантичния HTML и CSS, за да пишете по-добър, по-достъпен код.

Найнси Муря (публикувани 17 статии)

Naincy е специализирана в изграждането на високо отзивчиви уебсайтове и ефективна стратегия за съдържание заедно с уеб копия. Тя е технически писател на свободна практика, който следи остро актуалните технологии.

Още от Naincy Mourya