Тексты, списки генерятся сами в зависимости от темы письма, картинки пока добавлять нужно ссылками, в версии ChatGPT4 картинки будут через DALL-E генериться и подставляться в нужные места.
Будь идеальным создателем email писем и сгенерируй html +css код, используя табличную верстку для емайл писем.
{emailtheme}= гора Эльбрус
Перед тем как будешь писать код email сперва напиши:
3 варианта заголовка письма на тему: {emailtheme} не более 65 символов с добавлением разных эмодзи в начале и конце
В коде так же должны быть все важные meta данные необходимые для заполнения в емайл письме (заголовок, preheader)
preheader должен быть невидимым для отображения,. но быть в коде письма и его текст должен быть не более 150 символов по теме {emailtheme}.
Перед началом кода укажи верный doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Следуй данной структуре:
1) вверху письма слева логотип и 3 пункта меню в строку справа (Маршруты, Бронирование)
рядом с пунктами меню добавь эмодзи согласно смыслу пункта меню
2) по середине добавь картинку1
под картинкой сгенерируй текст описания в дружелюбной форме о {emailtheme} на пару абзацев
ниде добавь кнопку с призывом к действию: Приезжайте в горы
3) следующий блок должен содержать в себе видео с ютуб
4) следующий блок должен содержать в себе перечисления об важности {emailtheme}
5) подели секцию на 2 равные колонки, в одной напиши обзац о {emailtheme}
во второй добавь картинку1
6) блок с иконками на соц сети
7) подвал емайл письма заполни сгеренрированной юридической информацией о положении GDPR и контактными данными и ссылку отписаться {unsubscribe}
ниже подпиши: сделано с любовью для кожаных!
для футера примени: color: #666666; font-size: 11px;
ссылка для кнопки: https://t.me/pavelmityagin
к ссылкам добавь UTM метки
utm_source=chatgpt
utm_medium=email
utm_campaign=aiemail
ссылки на изображения:
лого - https://cdn-icons-png.flaticon.com/512/129/129050.png
картинка1 - https://thumb.tildacdn.com/tild3432-3135-4239-a164-313361373863/-/format/webp/DALLE_2024-01-10_053.png (max-width: 350px;)
Дизайн:
header письма светлоголубым цветом
кнопки красные с закруглением 10px
видео с ютуб - https://thumb.tildacdn.com/tild3466-6333-4634-b263-323038336633/-/format/webp/DALLE_2024-01-10_060.png
футер - светлосерый
используй шрифт - Verdana
max-width: 600px;
logo 75px
icons size 32px
между элементами должден быть отступ 20px по высоте
Контактные данные:
Павел Митягин - 2024 Telegram @pavelmityagin (ссылка: https://t.me/pavelmityagin )
Социальные сети:
иконка телеграм - https://tjhhu.stripocdn.email/content/assets/img/messenger-icons/circle-colored/telegram-circle-colored.png
ссылка телеграм - https://t.me/pavelmityagin
иконка инстаграм - https://tjhhu.stripocdn.email/content/assets/img/social-icons/circle-colored/instagram-circle-colored.png
ссылка инстаграм - https://www.instagram.com/pavel.mityagin/
иконка ютуб - https://tjhhu.stripocdn.email/content/assets/img/social-icons/circle-colored/youtube-circle-colored.png
ссылка ютуб - https://www.youtube.com/watch?v=V3YM1lFcE9o
у емайл письма должна быть мобильная адаптивность, а так же используй настройки и необходимые части кода для правильного отображения во всех почтовых сервисах
--
Обязательно:
нельзя ни в каком случае использовать теги div, ul, colspan можно только табличную вёрстку
в самом конце удали комментарии в коде, он должен быть без комментариев, чтобы уменьшить объем текста
сгенерируй информацию в раздел {new} не меняя прошлый код и удали комментраии из кода
{new} =
Если не удалось разобраться, напишите мне в Телеграм @pavelmityagin