UA
Виберіть свою мову

Основні можливості конструктора

У цій статті описання старого конструктора Selzy. Ви можете знайти інформацію про ключові функції нового конструктора в оглядовій статті англійською мовою.

Якщо вам потрібна допомога з функціоналом, описаним у цій статті, але в новому конструкторі, і ви не знайшли його в оглядовій статті, будь ласка, зверніться до нашої служби підтримки.

Служба підтримки Selzy доступна для всіх користувачів 24/7.

Візуальний редактор дає можливість створювати красиві листи без володіння навичками верстки.

Щоби зібрати розсилку в конструкторі, потрібно лише мати уявлення, якою ви хочете її бачити. Потім ви складаєте структуру листа за допомогою рядків, додаєте потрібні блоки з контентом — і лист готовий. Блоки та рядки можна розміщувати у довільному порядку, перетягуючи їх у будь-яку частину макета.

Щоби потрапити в конструктор, увійдіть в Особистий кабінет. На головній сторінці виберіть «Створити розсилку». Потім натисніть на «Лист з нуля» і виберіть «Конструктор».

Як увійти в конструктор листів із головної сторінки кабінету

Як увійти в конструктор листів із головної сторінки кабінетуЩе один спосіб зайти в конструктор — вибрати пункт «Створити розсилку» —  «Email».

Як потрапити в конструктор листів через меню

 

Не обов'язково створювати лист із нуля. Можна вибрати та відредагувати готовий шаблон. Для цього на сторінці створення листа клікніть на вкладку «Шаблони». Тут ви знайдете макети листів, пристосовані під різні сфери бізнесу та інфоприводи. Вибирайте будь-який із позначкою BLOCK.

Приклади шаблонів для блокового редактора.

Як створити лист на основі шаблону в конструкторі

Створюємо структуру (вкладка «Рядки»)

Лист у блоковому конструкторі складається з горизонтальних рядків. Щоби зібрати макет розсилки по структурі, перетягніть потрібні варіанти рядків із блоку ліворуч.

Основа блокового редактора — рядки.

 

У конструкторі можна подивитися структуру листа у вигляді штрихпунктирної лінії. Для цього натисніть на «око» «Показати структуру».

Як подивитися структуру в конструкторі.

Щоби пересунути, скопіювати чи видалити рядок, натисніть на нього, а потім на відповідний значок.

Як видаляти, зберігати, переміщувати та копіювати рядки.

Листи, створені в редакторі, автоматично адаптуються під мобільні пристрої. Функцію можна вимкнути для кожного рядка. Для цього натисніть на рядок і ліворуч у властивостях рядка посуньте повзунок праворуч.

Як налаштувати адаптацію листа під мобільники.

Якщо залишити все без змін, блоки в рядку будуть адаптуватися під розмір екрану. Зазвичай через це блоки лаштуватимуться один під одним.

Як адаптувати лист під мобільні пристрої

Також у властивостях рядка можна змінити його фон, додати межі та відступи, приховати рядок на мобільних пристроях чи декстопах. Більше про доступні налаштування рядка читайте у статті «Як зібрати макет листа в конструкторі».

Наповнюємо контентом (вкладка «Вміст»)

Коли структура листа буде готова, залишиться наповнити її контентом. Для цього додайте потрібні блоки зі вкладки «Вміст» у макет. Усередині блока може бути текст, картинка, кнопка, меню та навіть карусель зображень.

Доступні блоки в блоковому конструкторі.

Щоби додати блок усередині рядка, перетягніть його всередину, затиснувши правою кнопкою миші.

Як додати блоки в рядок.

Блок усередині рядка можна видалити, перемістити чи скопіювати. Щоби скопіювати чи видалити блок, натисніть на власне блок, а потім на потрібну іконку.

Видалення та копіювання блоку.

Якщо ви хочете перемістити блок із контентом, просто перетягніть його на нове місце. Під час перетягування контент переміщується разом із блоком.

Переміщення блоку з контентом.

 

Конструктор автоматично зберігає макет щоп’ять хвилин. Якщо хочете скасувати останню дію, натисніть на стрілку «Назад» під іконкою чату. Щоби побачити історію змін у поточному сеансі, натисніть на значок таймера.

Як скасувати дію та переглянути історію змін.

Створений рядок із контентом усередині можна зберегти в «Збережені рядки» і пізніше додавати в інші листи.

Як зберегти елементи листа для майбутніх розсилок

Де знайти збережені рядки в редакторі

Рядок із контентом можна зберегти в будь-який із цих розділів, крім «Типових» і «Незаповнених»

Налаштовуємо зовнішній вигляд (вкладка «Налаштування»)

Встановити фон, шрифт або колір посилань для всього листа можна на вкладці «Параметри». Розглянемо докладніше, як можна змінити зовнішній вигляд листа з їх допомогою.

Ширина вмісту. За замовчуванням 600 пікселів, оскільки це оптимальна ширина листа. Якщо зробити лист ширшим, частина поштових сервісів покаже горизонтальну смугу прокручування, а на мобільних пристроях можуть з’явитися проблеми з адаптивністю.

Як змінити ширину листа

Вирівнювання області вмісту. За допомогою цієї функції все тіло листа можна перемістити ліворуч або залишити в центрі.

Як вирівняти вміст листа

Колір фону встановлюється для всього листа. У разі додавання нових рядків їх фон відповідатиме зазначеному Вами в цьому параметрі. Фон для конкретного рядка можна змінити у властивостях рядка.

Як змінити колір фону листа

Колір фону вмісту. Аналогічно до кольору фону встановлюється фон для всього листа, але в разі встановлення іншого кольору вмісту у властивостях рядка цей колір матиме пріоритет.

Як змінити колір фону вмісту листа

Шрифт визначається для всього листа. У налаштуваннях конкретного блока його можна змінити на інший, наприклад, якщо потрібно виділити текст.

Як змінити шрифт листа

Колір посилання встановлюється залежно від оформлення Вашого листа. Посилання може бути не тільки синім (як це зроблено за замовчуванням), а й будь-якого іншого кольору.

Як змінити колір посилань у листі

Додаткові властивості. Заголовок (можна не заповнювати). Тепер до Вашого листа можна додати мета-тег Title (Заголовок). Це важливий елемент оптимізованої SEO-сторінки, тому що він впливає на її ранжування в пошукових системах. Якщо Ваш лист можливо відкрити у веб-версії, цей текст буде зазначено як заголовок сторінки браузера, в якій відкрито лист.

Як додати тег Заголовок

Заголовок сторінки з листом, який ми зазначили в налаштуваннях

Перевіряємо лист і надсилаємо тест

Перед надсиланням розсилки обов'язково перевірте, як лист відображатиметься на комп'ютері та на мобільному пристрої. Для цього натисніть ліворуч угорі в кутку «Дія» — «Перегляд» і перемикайтеся між режимами DESKTOP і MOBILE. Щоби закрити попередній перегляд, натисніть на хрестик праворуч угорі в кутку екрану.

Попередній перегляд листа на різних екранах.

Перегляд моделює суто розмір екрану. Якщо хочете перевірити, як лист відображатиметься в поштовій скриньці, надішліть тестовий лист напряму з редактора. Для цього натисніть ліворуч угорі в кутку «Дія» — «Відправити тест». У новому вікні виберіть, із якої адреси відправляти розсилку, а потім зазначте адреси надсилання.

Як відправити тестовий лист.

Корисні посилання:

Як налаштувати шрифти та кольори в листі
Як зібрати макет за допомогою рядків
Як додати та відредагувати текст
Як вставити картинку
Як додати кнопку
Як додати посилання на соцмережі
Як вставити відео
Як вставити GIF
Як додати прехедер
Як подивитися лист перед надсиланням
Як адаптувати лист під мобільні пристрої

Ви знайшли відповідь на ваше питання?

2
1