Html шаблоны email: HTML шаблоны писем для рассылок бесплатно

Шаблоны html (письма, смс и т.д )

• Платформа parts-soft.ru /
• Возможности системы /
• Шаблоны html (письма, смс и т.д )

В разделе Служебные →  Шаблоны html можно редактировать уведомления, отправляемые системой клиентам/менеджерам на email или в виде смс:

• о формировании заказа;
• о ответе на VIN запрос;
• смене его статуса и т.д.

Для этого откройте нужный шаблон, нажав на него. 

Фото 1. Список шаблонов

Вы попадете в форму редактирования документа. Измените нужные параметры и нажмите Сохранить. 

Фото 1.

Редактирование шаблона

Наши шаблоны написаны на языке Liquid. Ниже предоставлен список переменных, которые в них могут встречаться.

На фото выше  {{invoice.sum_print}} это переменная для вывода суммы по счету.

Переменные в списке сгруппированые по типам объектов, для которых они могут использоваться.

customer — объект клиента

• region — ссылка на регион
• title — полное имя клиента + id 
• print_id — id клиента в формате 000239
• name — имя 
• user — ссылка на менеджера
• login — логин клиента (не используется, устарело)
• id — id клиента
• email — почта клиента
• auth_key — код авторизации. Можно добавить в ссылку, например https://parts-soft.ru/?auth_key= и клиент авторизуется сразу после перехода. Время действия ключа настраивается в Сайт-Общие настройки > Срок действия AuthKey в часах. Ключ удаляется после использования при вызове его позднее чем 24 часа от даты создания. 
• bills — ссылка на счета клиента
• essential — ссылка на реквизиты клиента
• official_address — ссылка на юридический адрес
• delivery_address — ссылка на адрес доставки
• contact — ссылка на контакты
• it_company — true / false проверка является ли клиент юр.лицом 
• compile_name — ФИО
• supplier_logo — для контрагента поставщика выводит ваш лого у поставщика
• bonus_balance — баланс бонусов

region — регион

• essential — ссылка на реквизиты региона
• delivery_address — ссылка на адрес доставки 
• official_address — ссылка на юр. адрес
• contact — ссылка на контакты

user — менеджер

• name — имя 
• phone — телефон
• email — почта

bill — счет клиенту

• customer — ссылка на контрагента
• sum — сумма счета
• id — id  счета
• order — ссылка на заказ (если к счету привязан заказ)
• created_at — дата создания счета
• sum_rublej — сумма прописью 
• created_at_print — дата создания в печатном формате

essential — реквизиты

• company_name — название компании
• inn — инн
• kpp — кпп
• bik — бик
• bank — банк 
• city — город банка
• loro_account — рассчетный счет
• ogrn — огрн
• okpo — окпо 
• korr_schet — кор. счет

official_address, delivery_address — объекты адреса

• country — страна 
• city — город
• street — улица
• house — дом
• korpus — корпус
• flat — квартира
• full_address — вывод полного адреса

contact — объект с контактами

• email — почта
• phone — основной телефон
• cell_phone — добавочный телефон
• skype — скайп
• icq — icq

vin_query — VIN запрос

• active_sum — сумма процененных менеджером позиций
• vin_query_items — ссылка на объекты VIN запроса
• active_vin_query_items — ссылка на процененные объекты VIN запроса
• email — контактная почта
• phone — телефон
• make_name — производитель авто
• auto_model_name — модель
• code — vin code
• release_date — дата выпуска
• engine_volume — объем двигателя
• door_count — количество дверей
• country — страна производитель
• comment — комментарий
• customer — если VIN запрос от зарегистрированного клиента, то ссылка на клиента
• print_family_name — фамилия
• print_first_name — имя
• print_second_name — отчество

vin_query_item — позиция в VIN запросе

• make_name — производитель
• oem — номер
• detail_name — название
• qnt — количество
• price — цена
• active_qnt — если не поставили количество выведет 1
• min_delivery_day — минимальный срок доставки
• max_delivery_day — максимальный срок доставки

order — объект заказа

• customer — ссылка на клиента
• order_id — клиентский id заказа
• full_sum — полная сумма
• order_items — ссылка на элементы заказа
• bills — привязанные счета
• balance_sum — сумма баланса
• created_at_print — дата заказа
• sum_griven — сумма прописью в гривнах
• sum_rublej — сумма прописью в рулях
• delivery_type — ссылка на выбранных тип доставки
• delivery_point — точка выдачи
• order_address — ссылка на объект адреса доставки
• comment — комментарий к заказу
• payment_type — выбранный тип оплаты
• family_name  — фамилия
• name  — имя
• second_name  — отчество
• pay_bonus_sum — сумма бонусов использованных при оформлении заказа

delivery_type — тип доставки

• name — имя типа доставки

delivery_point — точка выдачи

• name — имя точки выдачи
• title — заголовок

order_item — элемент заказа

• order — ссылка на заказ
• make_name — производитель
• oem — номер
• inner_article — внутренний номер поставщика (при наличии)
• detail_name — название
• qnt — количество
• cost — цена продажи
• sum — сумма продажи
• min_delivery_day — минимально дней доставки
• max_delivery_da — максимально дней доставки
• current_qnt — текущее актуальное количество
• price_without_nds  — цена без ндс
• sum_without_nds — сумма без ндс
• nds_sum — сумма ндс 
• comment — комментарий клиента
• status — ссылка на статус
• price — объект прайс-листа
• company_comment — комментарий компании
• client_order_item — это . .. пример использования (oi.client_order_item.customer.id — позволяет в заказ поставщику вставить id клиента)

price — объект прайс-листа

• name — название прайс-листа

status — статус заказа

• description — описание статуса
• name — название статуса
• confirmation_body — уведомление

payment_type — тип оплаты

• name — название типа оплаты

invoice— накладная

• customer — ссылка на клиента
• nds_sum_print — сумма ндс
• sum_print — сумма для печати
• sum_without_nds_print — сумма без ндс
• id — id накладной
• created_at_print — дата создания накладной для печати
• sum_griven — сумма прописью гривны 
• sum_rublej — сумма прописью рубли
• number — номер наклданой
• no — префикс номера
• sum — сумма накладной
• actual_address — адрес доставки по накладной

invoice_item — элементы накладной

• price_without_nds_print — цена без ндс
• sum_without_nds_print — сумма без ндс
• sum_print — сумма на печать
• oem — номер
• make_name — производитель
• detail_name — название
• qnt — кол.
• price_print — цена для печати
• price — цена
• min_delivery_day — минимальный срок доставки
• max_delivery_day — максимальный срок доставки
• price_name — название прайса
• nds_percent — процент ндс
• price_without_nds — цена без ндс
• nds_sum — сумма ндс
• sum — сумма

news — новости

• title — заголовок новости
• description — краткое описание новости
• get_www_news_item_url — ссылка на новость
• get_www_preview_url — ссылка на изображение новости

product_return_reason_request — запрос возврата товара

• qnt — запрашиваемое количество
• order_item — ссылка на объект заказа
• balance — ссылка на объект баланса
• product_return_reason — ссылка на объект типа возврата
• comment — комментарий клиента
• company_comment — комментарий компании
• id — ID запроса

product_return_reason — причина возврата

• name — название
• percent_retention — процент возврата

Как бесплатно создавать красивые шаблоны для email-рассылок без знания HTML | Блог о email маркетинге

Главная / блог / Как бесплатно создавать красивые шаблоны для email-рассылок без знания HTML

Ваши письма для email-кампаний должны быть красивыми и функциональными. Еще они должны отличаться от конкурентов, быть оригинальными, но при этом понятными, цепляющими, передавать ваши ценности, быть лицом вашей компании и т.д.  

Письмам не всегда удается выполнить все вышеперечисленные требования. Но быть красивыми и функциональными — это необходимый минимум, который легко обеспечить с помощью универсальной платформы email-дизайна Stripo.

Используя Stripo вы сможете регулярно обновлять дизайн ваших ваших емейл-рассылок. Хороший повод изменить дизайн писем — смена сезона, поступление нового товара, любой праздник и просто когда хочется чего-то нового. 

Основное преимущество Stripo — вы легко создадите письмо, не владея навыками программирования, не зная принципов верстки и HTML. При этом письмо будет адаптировано под любое устройство. И легко импортируется в ваш сервис рассылок. 

Библиотека Stripo содержит более 300 шаблонов, которые можно взять за основу. Каждый из этих шаблонов можно изменять под ваш вкус и требования — добавлять новые блоки, удалять существующие. Заменять одни элементы на другие — картинки на текст или кнопки и наоборот. 

Если не можете найти готовый шаблон, который устраивает вас на 100%, возьмите тот который примерно напоминает желаемый дизайн и сотворите свой идеальный макет письма.

Как бесплатно создать макет письма в Stripo

После завершения процесса регистрации вы попадаете в свой личный кабинет, где сможете создавать письма. Во вкладке “Шаблоны”, “Подготовленные шаблоны” представлено большое количество вариантов, которые подобрал для вас сервис, руководствуясь вашими ответами при регистрации. 

Но, обратите внимание, здесь очень много шаблонов, которые обозначены специальным значком. Их можно использовать только на платных тарифах. А мы хотим это сделать бесплатно.

Бесплатный тариф предоставляет возможность создать 2 макета письма и скачать их 4 раза. Т.е., каждый шаблон можно скачать по 2 раза. Это удобно, если с первого раза вы что-то забыли, ошиблись. У вас есть шанс внести исправления и скачать шаблон еще раз.  

Или вам надо 2 похожих макета под различные кампании. Подготовили первый макет и скачали. Затем внесли изменения для второго макета, добавили кнопок, таймер, баннер в тот же шаблон, и опять скачали.

Бесплатным тарифом можно пользоваться неограниченное количество времени. Но если вы проводите несколько различных емейл-кампаний, проще перейти на платный тариф. 

На платном тарифе намного интереснее шаблоны и больше возможностей. Минимальная стоимость — 10,42$ в месяц, если внести оплату сразу за год 125$. В этом тарифе можно создать в месяц 15 шаблонов и экспортировать их 300 раз. 

Как отредактировать письмо.

Вы выбрали шаблон. Теперь его надо отредактировать — подобрать ваши корпоративные цвета, вставить логотип, необходимые изображения, ссылки, кнопки, текст и т.д.

После того, как вы перешли в режим редактирования, выберите вкладку “Оформление”. Здесь общие настройки для письма. По умолчанию установлена ширина 600. Можно изменить, но увеличивать не рекомендуется.  

Включите “Подчеркивание ссылок” и “Адаптивность письма”. Можете задать “Картинку в фоне” и сделать ее повторяющейся или просто установить цвет фона письма. Также в этом разделе можно установить общие шрифты, интервалы, отступы и прочее. Это будет применимо к новым блокам, которые вы будете добавлять в письмо.

Дальше редактируйте каждый элемент письма. Для этого нажмите на необходимый блок — картинку, текст, кнопку. Слева откроется меню с настройками.

Для блока с текстом настройте отступы, выравнивание, интервал между строками, наименование, размер и цвет шрифтов.

Если вам нужно добавить ссылки к определенным словам в тексте — выделите нужное слово или словосочетание; в верхней части панели настроек кликните значок “Ссылка”; в открывшемся окошке вставьте вашу ссылку. 

1. Добавить ссылку
2. Предварительный просмотр покажет как ваше письмо отображается на компьютере и в телефоне.
3. Можно добавить эмодзи при необходимости

Блок с изображением. Кликните по блоку с изображением на макете, слева появится панель настроек. Загрузите свое изображение, нажав “Заменить” и перетащите картинку в открывшееся поле. Здесь же ее можно отредактировать, нажав на вторую половину кнопки.

Отредактируйте ссылки на изображениях. По умолчанию все ссылки ведут на сайт Stripo. Вставьте свою ссылку или удалите ее, если она вам не нужна. И введите атрибут alt. 

Можно создать эффект ролловер. Т.е. при наведении курсора картинка изменится. Это удобно для рассылок интернет-магазинов.

Редактирование кнопок. Вставьте ссылку и напишите текст кнопки. Установите шрифты, цвет кнопки и текста. Отрегулируйте закругление.

Сделайте настройки для просмотра на смартфоне. На панели настроек перейдите во вкладку “Оформление”. Затем кликните вкладку “Адаптивность” и задайте параметры для размера заголовков, текста кнопок и контента в разных блоках.

Как добавить необходимые элементы в письмо.

 

В шаблон письма можно легко добавить разделитель, видео, баннер, меню и т.д.  Добавление любого блока интуитивно понятно и легко настраивается. Но прежде чем перетащить мышкой элемент, добавьте необходимую структуру. 

Например, вам понравился макет, но на нем нет кнопок. Выберите вкладку “Контент” и “Блоки”. Кликните по элементу “Кнопка” и перетащите ее в необходимое место на макете. 

Как добавить таймер обратного отсчета

В начале выберите структуру с 1 колонкой и перетащите ее в шаблон на то место, где необходимо разместить таймер. Зайдите в Блоки и перенесите курсором в эту колонку Таймер. Появится окно, где можно выбрать дату и точное время до которого ведется отсчет.

Выберите цвет цифр и фона таймера. Убедитесь, что включена возможность “Отображать дни”. Будет дополнительно показано количество оставшихся дней, а не только часов и минут. Согласитесь, “2 дня 5 часов” будет восприниматься лучше, чем “53 часа”. Затем включите “Подписи цифр таймера” для отображения названий каждого элемента таймера.

Желательно включить кнопку “Картинка по окончанию таймера”. Это поможет понять, что срок действия акции истек. Для этого загрузите изображение, которое будет показано клиентам после завершения обратного отсчета. Укажите Alt-текст.

Вставьте URL-ссылку, по которой получатели будут перенаправлены на подробное описание вашей акции или предложения. Эта ссылка будет также применена к картинке по окончанию обратного отсчета таймера.

Как создать хедер или футер с помощью Stripo.

Подберите шаблон с хедером и футером, которые вам подходят  и замените все  имеющиеся элементы на свои — логотип, меню, кнопки соцсетей, текст. Если вам понравился шаблон, но хедер или логотип вас не устраивают, сделайте их сами. 

Хедер обычно состоит из логотипа и меню. Добавьте необходимую структуру в письмо. Например вставьте вначале структуру с 1 колонкой для логотипа, затем с 2 или 3 колонками, в зависимости от количества блоков в вашем меню.

Вставьте свой логотип. Он вставляется как обычное изображение. Установите ссылку, которая приведет на ваш сайт. И добавьте Alt-текст.

Футер — составной элемент. Чтобы построить его, вам нужно: перетащить структуру с нужным количеством колонок; ввести текст в эти колонки; отредактировать текст; вставить соответствующую ссылку в опцию отписки; добавить иконки соцсетей. 

Также футер можно добавить после переноса шаблона в сервис рассылок Estismail. 

Как перенести письмо в сервис рассылок.

Когда письмо готово, необходимо его экспортировать, чтобы потом загрузить в сервис рассылок.

Для этого сверху посредине нажмите зеленую кнопку “Экспорт” и выберете HTML. В открывшемся окне опять нажмите кнопку “Экспорт”.

Чтобы загрузить скачанный макет в Estismail, откройте его с помощью блокнота (правая кнопка — открыть с помощью — блокнот) и скопируйте содержимое.

В личном кабинете Estismail нажмите на кнопку “Создать новый макет”, затем:

1. Поставьте галочку напротив “Использовать простой текстовый редактор”, 
2. Нажмите “Источник”, 
3. Вставьте скопированный код.

 

В Estismail можно убрать некоторые блоки. Также можно будет внести изменения. Например, поменять текст, цвет, размер текста, ссылки, заменить картинки, текст кнопок. Каждый раз вы можете отправлять абсолютно новое письмо. Но стиль и структура письма останутся неизменными.

Ваши письма всегда будут красивыми и узнаваемыми!

 

Бесплатные шаблоны электронной почты ко Дню труда

Просмотрите красивые адаптивные HTML-шаблоны ко Дню труда, выберите понравившиеся и настройте их с помощью перетаскивания. Никаких навыков кодирования не требуется!

Наши самые популярные шаблоны писем ко Дню труда

Начните процесс проектирования с помощью одного из наших готовых шаблонов писем ко Дню труда.

Просмотреть каталог

Скидка на одежду в честь Дня труда

Шаблон письма для модной одежды

Скидка на День труда

Шаблон электронного письма для производства

Скидка на День труда для товаров для детей

Шаблон электронного письма для моды

День труда

Шаблон электронного письма для транспорта

Праздник Дня труда

90 Day Шаблон электронного письма со скидкой для бизнеса

3 Для строительных материалов

Шаблон электронной почты для производства

Скидка на товары в День труда

Шаблон электронной почты для красоты и личной гигиены

Распродажа мебели ко Дню труда

Шаблон электронной почты для продажи недвижимости

Шаблон электронной почты для продажи игрушек

Шаблон электронной почты для спорта

Наши самые популярные шаблоны электронной почты ко Дню труда

Начните процесс проектирования с помощью одного из наших готовых шаблонов go шаблоны писем ко Дню труда.

Просмотр каталога

Скидка на строительные материалы в честь Дня труда

Шаблон сообщения электронной почты для мероприятий

День труда

Шаблон сообщения электронной почты для мероприятий

Скидка в честь Дня труда

Шаблон электронной почты для информационного бюллетеня

Скидка в честь Дня труда на одежду

Шаблон электронной почты для событий

Праздник Дня труда

Шаблон электронной почты для событий

Скидка в честь Дня труда для туризма 02 Шаблон электронной почты для событий

Скидка на товары ко Дню труда

Шаблон электронного письма для мероприятий

Распродажа игрушек в честь Дня труда

Шаблон электронного письма для мероприятий

Предложение ко Дню труда для зоомагазина

Шаблон электронной почты для мероприятий

Шаблоны, созданные для любых нужд

Начните процесс проектирования с помощью одного из наших готовых шаблонов электронной почты ко Дню труда.

Просмотр каталога

Расширенные функции

Пользовательские блоки многократного использования

Сохранение пользовательских блоков из ваших шаблонов, а затем их использование

Персонализация ваших электронных писем

Перетащите товары из интернет-магазина прямо в сообщения электронной почты

Пользовательский HTML-код

Улучшите и настройте свои электронные письма еще больше с помощью HTML

Перетащите редактор электронной почты для Дня труда drop редактор электронной почты, который позволяет быстро создавать шаблоны электронной почты с нуля или с помощью сотен профессионально разработанных шаблонов электронной почты для Дня труда. Используя Unlayer, вы можете настроить свои собственные адаптивные электронные письма в формате HTML и экспортировать сообщения в День труда, чтобы поделиться ими со своими подписчиками электронной почты.

Как экспортировать шаблон?

Чтобы отправить шаблон электронной почты в День труда, используйте редактор Unlayer для создания кампании электронной почты. Когда вы закончите разработку, вы попадете на страницу с подробностями кампании. Нажмите кнопку «Экспортировать кампанию» и выберите «Отправить в ESP» в меню параметров.

Оттуда просто нажмите на День труда, и ваше электронное письмо будет немедленно отправлено на вашу учетную запись Дня труда. (Если вы еще не подключили свою учетную запись «День труда» через «Настройки», вам нужно будет сделать это здесь). На панели инструментов «День труда» вы найдете сообщение в виде нового шаблона «День труда».

Начать проектирование

Бесплатные шаблоны электронной почты для маркетинга

Просмотрите красивые адаптивные HTML-шаблоны для маркетинга, выберите понравившиеся и настройте их с помощью перетаскивания. Никаких навыков кодирования не требуется!

Наши самые популярные шаблоны электронной почты для маркетинга

Начните процесс проектирования с помощью одного из наших готовых шаблонов электронной почты для маркетинга.

Просмотр каталога

Электронное письмо с раздачей подарков

Шаблон электронного письма для маркетинга

Продвижение ко Дню искусства от дизайнерского агентства

Шаблон письма для маркетинга

Торт ко дню рождения

Шаблон письма для маркетинга

Послание ко Дню отца

Шаблон письма для маркетинга

Распродажа праздничных подарков

0 Шаблон письма для маркетинга Информационный бюллетень за июль

Шаблон электронной почты для отдела маркетинга

Шаблон электронной почты для отдела продаж

Шаблон электронной почты для отдела продаж

Набор для успешного партнерства

Шаблон электронной почты для отдела маркетинга

Руководство по рассылке новостей

Шаблон электронной почты для маркетинга

Наши самые популярные шаблоны электронной почты для маркетинга

Начните процесс проектирования с помощью одного из наших готовых шаблонов электронной почты для маркетинга.

Просмотр каталога

Отслеживание продаж

Шаблон электронного письма для продвижения продукта

Подарочная карта ко Дню матери

Шаблон электронного письма для продвижения продукта

Год Кролика

Шаблон электронного письма для уведомления

Проспект продаж

Шаблон электронной почты для продвижения продукции

Новая мебель

Шаблон электронной почты для продвижения продукта

Основы по электронной почте

Шаблон электронной почты для продвижения продукта

Шаблон электронного письма для продвижения продукта

Письмо клиенту с Новым годом

Шаблон электронного письма для продвижения продукта

Шаблоны, созданные для любых нужд

Начните процесс проектирования с помощью одного из наших готовых шаблонов электронной почты для маркетинга.

Просмотр каталога

Расширенные функции

Пользовательские блоки многократного использования

Сохранение пользовательских блоков из ваших шаблонов, а затем их использование

Персонализация ваших электронных писем

Перетащите товары из интернет-магазина прямо в сообщения электронной почты

Пользовательский HTML-код

Усовершенствуйте и настройте свои электронные письма еще больше с помощью HTML

Редактор электронной почты с функцией перетаскивания для маркетинга с помощью сотен профессионально разработанных шаблонов электронной почты для маркетинга.