Робота з емейл-редактором
Рекомендуємо розпочати знайомство з нашим редактором шаблонів з цього огляду.
Важливо
Перш ніж надсилати першу email-розсилку, налаштуйте записи DNS. Для отримання додаткової інформації див. інструкцію з налаштувань електронного підпису.
Нижче наведено короткий огляд основних можливостей та елементів редактору.
Можливості | Опис |
Smart-елементи | Smart-елемент — картка товару, що складається з базових блоків (картинка, текст, ціна, кнопка з посиланням). Дані автоматично підтягуються за посиланням на ваш онлайн-ресурс. |
Адаптивність | Завдяки адаптивності ваші листи однаково гарно відображаються на десктопних та мобільних пристроях. |
HTML і CSS редактор | Редагувати дизайн листа можна в блочному драг-енд-дроп редакторі й редакторі коду одночасно, що розширює та спрощує можливість тонких кастомних доробок. |
Синхронізація модулей | Наскрізний модуль — структурний елемент листа, що повторюється у декількох шаблонах (футер, хедер тощо). Достатньо внести зміни до одного листа, і модуль автоматично оновиться в інших. |
Інструкції щодо роботи з окремими елементами редактору:
Елементи | Опис |
Rollover | Rollover — ефект, при якому зображення змінюється на інше при наведенні курсору. Використовується для більш детальної демонстрації товарів. |
Таймер | Вставте до листа таймер зворотного відліку, щоб стимулювати своїх клієнтів купувати. |
Відео | Додайте до блоку посилання на відео Vimeo або YouTube. Система створить клікабельне прев’ю відповідного відео. |
Gmail Promotions Annotation | Використовуйте генератор анотацій для Gmail, щоб одержувачі не відкриваючи листа бачили анонс вашої пропозиції: логотип, умови, розмір знижок та банер. |
Зображення | Цей елемент дозволяє завантажити зображення або вибрати його із вбудованого банку. Ви можете змінювати розмір картинок, використовувати фільтри, застосовувати ефект роловера та багато іншого. |
Кнопки соцмереж | Вставте цей готовий блок у будь-який шаблон і відредагуйте його за необхідності; навички роботи з кодом не потрібні. |
Таблиця | Додати таблицю в лист можна двома способами: за допомогою структури чи текстового блоку.. |
Анкорні посилання | Анкорне посилання перенаправляє читача у певне місце листа. |
Фон | Використовуйте колір або зображення як фон для будь-яких елементів листа. |
Кастомні шрифти | Ви можете додати до свого облікового запису кастомні шрифти з Google Fonts або інших джерел. |
Початківцям у email-дизайні буде корисна стаття "Як створити оформлення для листа".
Якщо ви хочете навчитися створювати інтерактивні розсилки, ознайомтеся з інструкціями щодо використання AMP-елементів.