Создание почтовых шаблонов
Создание личного шаблона необходимо когда почта начала лететь в спам и казаться мошенническим.
Используйте аттрибут <img src=/> для создания изображения, в src= указывается ссылка на изображение.
<img src='https://example.com/image.jpg'>
Вы можете задавать размеры картинки в ширину и высоту, для этого добавляйте к тегу width="150" и height="100", теперь мы сделали ширину 150px и высоту 100px
<img width="150" height="100" src='https://example.com/image.jpg'>
Для создания гипер ссылок для подмены домена, вы можете использовать тег
<a href='https://example.com'>
Для открытия в новой вкладке ссылки, вы можете использовать аттрибут target='_blank'.
<a href="https://example.com" target="_blank">Название ссылки</a>
Ссылка будет подставляться в переменной [link], для этого просто вставьте в href="[link]" в тег.
<a href="[link]" target="_blank">Название ссылки</a>
Вы можете добавлять применить CSS стили, это кастомизация объектов цветов и так далее.
Просто добавьте <style> [Ваш код] </style>
Пример изменение цвета ссылки, подставьте ваш цвет из таблицы HEX цветов, можете загуглить чтобы получить полный список, я буду использовать темный цвет.
<style>
a {
color: #000000; // Применяем цвет к ссылке
text-decoration: none; // Убираем подчеркивание ссылки
}
</style>
Для создания таблицы, вы можете использовать документацию на W3School
https://www.w3schools.com/html/html_tables.asp
Для создания кнопки ссылки, мы прибегнем к хитрости HTML и CSS
<a href='[link]'><span>Нажми на меня!</span></a>
И применим не хитрый метод CSS
<style>
a {
text-decoration: none;
color: #FFF; // Цвет текста белый
}
span {
background-color: #000; // цвет кнопки
padding: 10px 30px 10px 30px; // Делаем внутренние отступы
border-radius: 5px; // Чтобы края были скругленные на 5px
}
</style>