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

В UniSender є багато готових шаблонів для конструктора листів. Просто виберіть потрібний шаблон і відредагуйте його.

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

Щоби знайти шаблони нового конструктора, на головній сторінці особистого кабінету натискаємо «Створити розсилку» → «Email».

Створити розсилку

Далі вибираємо шаблон і натискаємо кнопку «Використати».

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

Відкривається шаблон.

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

Спочатку замінімо картинку.

Як відредагувати картинку

Клікаємо у листі на картинку, яку хочемо замінити. Ліворуч на панелі натискаємо «Змінити картинку».

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

Відкривається менеджер файлів. Тут натискаємо «Завантажити».

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

Вибираємо картинку на комп'ютері. Картинка з'являється у менеджері файлів, натискаємо «Вставити».

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

Картинку завантажено у лист.

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

У нашому прикладі картинка завелика, тому зменшимо її.

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

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

Такий вигляд має зменшена картинка.

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

Тепер переходимо до редагування тексту.

Як відредагувати текст

У текстовому блоці ставимо курсор для редагування.

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

Видаляємо текст і вводимо свій.

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

Переходимо до форматування.

Виділяємо текст, який хочемо змінити, вибираємо шрифт і розмір. Також на панелі інструментів можна змінити колір шрифту чи фону, накреслення, вирівнювання та інші параметри.

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

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

Залишаємо налаштування в такому вигляді, блок буде приховано на мобільному.

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

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

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

Тепер перейдімо до налаштувань рядка.

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

Змінимо колір фону всього рядка. Для цього виділяємо її в листі, а на панелі ліворуч у полі «Колір фону» вибираємо інший колір.

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

Те саме робимо у властивостях нижнього рядка.

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

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

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

Назву магазину зробимо у вигляді посилання.

Як додати посилання

Виділяємо текст, із якого потрібно зробити посилання. На панелі інструментів натискаємо кнопку «Вставити/редагувати посилання».

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

Тут заповнюємо поля:

  • Link type — тип посилання, залишаємо «URL».
  • Адреса посилання — вставляємо посилання.
  • Underline link — підкреслення посилання, прибираємо галочку.
  • Текст для відображення — відображуваний текст. Його уже додано, нічого не міняємо.
  • Заголовок — текст, який відображається під час наведення на посилання. Вписуємо такий самий, як у попередньому полі.

Відкривати посилання — залишаємо «У новому вікні», щоби посилання відкривалося в новому вікні.

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

Тепер посилання має такий вигляд.

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

Колір змінився на рожевий, тому що такий колір задано у властивостях блоку. Міняємо його на білий.

Для цього виділяємо блок із текстом, на панелі ліворуч натискаємо на «Колір тексту» і вибираємо білий.

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

Колір посилання змінився.

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

Картинку нижче міняємо так само, як міняли попередню.

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

Ця картинка на вигляд замала, тому збільшуємо її. Виділяємо картинку в листі, а на панелі ліворуч повзунком збільшуємо ширину до 100%.

Тепер зображення має такий вигляд.

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

Рядок нижче видаляємо.

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

Клікаємо на рядок у листі. Праворуч угорі з'являться піктограми, натискаємо там на кошик.

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

Рядок видалено.

Тепер у наступному блоці міняємо текст і картинку за таким самим алгоритмом, як робили це раніше.

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

Врешті-решт рядок має такий вигляд.

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

Залишилася кнопка, її ми теж відредагуємо.

Як відредагувати кнопку

Спочатку замінимо текст. Клікаємо на блок із кнопкою, виділяємо текст і вписуємо свій.

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

Тут так само, як і в блоці з текстом, міняємо шрифт і розмір.

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

Тепер виділяємо кнопку в листі, а на панелі ліворуч редагуємо її властивості:

  • Вставляємо посилання в поле «URL».
  • Відключаємо автоширину і повзунком збільшуємо ширину кнопки.
  • Міняємо колір фону.
  • Встановлюємо вирівнювання по центру.

Колір тексту залишаємо білим.

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

Гортаємо властивості вниз і міняємо наступне:

  • Зменшуємо заокруглення кутів.
  • У розділі «Відступ вмісту» збільшуємо відступи «Верх» і «Низ».

Тут також можна налаштувати інші відступи й увімкнути межу для кнопки, але ці значення ми не змінюємо.

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

Тепер весь рядок має такий вигляд.

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

Створімо ще кілька таких самих рядків для заповнення їх іншим контентом. Для цього ми не створюватимемо новий рядок, а копіюватимемо вже наявний.

Як скопіювати рядок

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

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

Рядок скопійовано.

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

Тепер редагуємо текст, міняємо картинку та посилання на кнопці.

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

Створюємо копію рядка ще раз і знову змінюємо контент.

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

Переходимо до налаштувань блоку соцмереж.

Як редагувати блок «Соцмережі»

Клікаємо на блок.

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

На панелі ліворуч з'являються властивості блоку.

Вибираємо іншу колекцію іконок.

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

У нашому прикладі замінімо іконку Twitter на іконку YouTube. Для цього проти іконки Twitter натискаємо «Видалити», потім натискаємо «Додати нову іконку» і вибираємо YouTube.

Перетягуємо іконку з YouTube на те місце, де був Twitter.

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

У полях «Url» вставляємо посилання.

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

Далі змінюємо інтервал іконок.

Також на цій сторінці можна налаштувати вирівнювання та відступи, але ми залишимо поточні значення.

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

Готовий блок із іконками соцмереж.

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

Тепер нам залишилося відредагувати текст під блоком соцмереж. Ставимо курсор на текст, видаляємо його і вписуємо свій.

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

Готово. Подивімося на загальний результат.

Шаблон, який ви вибрали:

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

Відредагований шаблон:

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

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

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

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

0
0