Робота з емейл-редактором

Рекомендуємо розпочати знайомство з нашим редактором шаблонів з цього огляду.

📘

Важливо

Перш ніж надсилати першу  email-розсилку, налаштуйте записи DNS. Для отримання додаткової інформації див. інструкцію з налаштувань електронного підпису.

Нижче наведено короткий огляд основних можливостей та елементів редактору.

МожливостіОпис
Smart-елементиSmart-елемент — картка товару, що складається з базових блоків (картинка, текст, ціна, кнопка з посиланням). Дані автоматично підтягуються за посиланням на ваш онлайн-ресурс.
АдаптивністьЗавдяки адаптивності ваші листи однаково гарно відображаються на десктопних та мобільних пристроях.
HTML і CSS редакторРедагувати дизайн листа можна в блочному драг-енд-дроп редакторі й редакторі коду одночасно, що розширює та спрощує можливість тонких кастомних доробок.
Синхронізація модулейНаскрізний модуль — структурний елемент листа, що повторюється у декількох шаблонах (футер, хедер тощо). Достатньо внести зміни до одного листа, і модуль автоматично оновиться в інших.

Інструкції щодо роботи з окремими елементами редактору:

ЕлементиОпис
RolloverRollover — ефект, при якому зображення змінюється на інше при наведенні курсору. Використовується для більш детальної демонстрації товарів.
ТаймерВставте до листа таймер зворотного відліку, щоб стимулювати своїх клієнтів купувати.
ВідеоДодайте до блоку посилання на відео Vimeo або YouTube. Система створить клікабельне прев’ю відповідного відео.
Gmail Promotions AnnotationВикористовуйте генератор анотацій для Gmail, щоб одержувачі не відкриваючи листа бачили анонс вашої пропозиції: логотип, умови, розмір знижок та банер.
ЗображенняЦей елемент дозволяє завантажити зображення або вибрати його із вбудованого банку. Ви можете змінювати розмір картинок, використовувати фільтри, застосовувати ефект роловера та багато іншого.
Кнопки соцмережВставте цей готовий блок у будь-який шаблон і відредагуйте його за необхідності; навички роботи з кодом не потрібні.
ТаблицяДодати таблицю в лист можна двома способами: за допомогою структури чи текстового блоку.
Анкорні посиланняАнкорне посилання перенаправляє читача у певне місце листа.
ФонВикористовуйте колір або зображення як фон для будь-яких елементів листа.
Кастомні шрифтиВи можете додати до свого облікового запису кастомні шрифти з Google Fonts або інших джерел.

Початківцям у email-дизайні буде корисна стаття "Як створити оформлення для листа".

Якщо ви хочете навчитися створювати інтерактивні розсилки, ознайомтеся з інструкціями щодо використання AMP-елементів.