Бібліотека блоків (Модулі)

Лист, створений у нашому редакторі, складається з блоків із певними стилями оформлення. "Модулі" — це унікальний набір інструментів для організації роботи з елементами, які повторюються в різних листах.

Знайти їх можна у вкладці "Контент" ліворуч. Тут відображатимуться збережені блоки, які під час перетягування безпосередньо в редактор можна змінити.

Приклад email-повідомлення, складеного з модулів:

Бібліотека модулів eSputnik

Типи модулів

У бібліотеці зберігаються готові блоки:

  • збережені вами у вкладці «Мої модулі»,
  • пропоновані системою — «Спеціальні».

У другій вкладці зібрано 300+ готових до редагування й додавання шаблонів. Використовуйте їх, щоб кожного разу не створювати або не копіювати зі старих розсилок однотипні елементи.

Модулі

Структурно модулі бувають трьох типів:

  • Контейнери
    Мінімальна одиниця, яку можна зберегти як модуль. При наведенні мишею в повідомленні вони підсвічуються блакитною рамкою. Контейнер може містити один або кілька базових блоків із меню "Блоки" ліворуч. Розміщуються ці блоки чітко один під одним, наприклад так:

    зображення
    текст
    кнопка
  • Подібні конструкції використовуються для створення карток товару, опису публікацій у блозі, анонсів заходів та акцій.

Контейнер

  • Структури
    Ця категорія відповідає за взаємне розміщення контейнерів горизонтально. Їх також може бути одна або більше всередині структури. При наведенні курсора вона виділяється сірою рамкою. Прикладами можуть бути: дві колонки тексту, чотири клітинки та ін. Щоб створити структуру, зайдіть до однойменного розділу ліворуч, виберіть відповідний варіант і перетягніть його в потрібне місце повідомлення:

Структури

  • Полоси
    Найвища за ієрархією конструкція з трьох. Полоси вміщують одну або кілька структур, розміщених одна під одною. При наведенні миші мають також сіру рамку, але виходять за межі тематичної частини. Це дозволяє встановлювати фон для самого листа.

Полоса з фоном

Як працювати з модулями

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

Щоб зберегти блок:

  1. Вибираємо відповідну полосу, структуру або контейнер.
  2. Налаштовуємо контент: вставляємо зображення, кнопку, посилання, текст...
  3. Виділяємо весь елемент, клікнувши відповідний лейбл угорі ліворуч або праворуч.
  4. Натискаємо піктограму збереження:

    Зберегти модуль
  5. Заповнюємо необхідні поля в меню, яке з'явиться ліворуч. Це не є обов'язковим, але в подальшому полегшить вам і колегам пошук, орієнтування в бібліотеці та роботу з модулем.
    Яка інформація доступна для заповнення:
    Інформація про модуль
  • назва — зробіть її максимально змістовною;
  • опис — розкрийте призначення блоку або додайте інші корисні відомості;
  • категорія — у випадаючому списку виберіть тип модуля;
  • теги — додайте мітки для пошуку, розділяючи пробілом. Слова в тегу з'єднуйте нижнім підкресленням;
  • ідентифікатор — потрібен для динамічних листів. Змініть, якщо виникне потреба.
  1. Зберігаємо.

Зберегти модуль

Модулі відображаються в бібліотеці списком або плиткою. Вони поділяються за категоріями на основі тих, які були вибрані при збереженні. За наведенням курсора на блок праворуч з'явиться прев’ю з більш детальною інформацією:

  • збільшене зображення модуля в готовому вигляді,
  • назва,
  • опис,
  • теги,
  • ідентифікатор (якщо його не змінювали при збереженні, він відповідає структурному типу модуля: контейнер/структура/смуга).

Ідентифікатор (тип) модуля

Щоб відредагувати або видалити блок:

  1. Заходимо до розділу модулів.
  2. Наводимо курсор на потрібний блок.
  3. Клікаємо значок редагування, що з'явиться ліворуч угорі. При натисканні правого значка модуль буде видалено.

Редагування та видалення

4. Змінюємо інформацію: доступні ті самі поля, що й при додаванні до бібліотеки.
5. Оновлюємо або зберігаємо як новий блок.

Збереження та оновлення

Щоб знайти потрібний блок:

  • Вводимо в рядок пошуку назву, частину назви або тег у форматі #тег, якщо надавали модулям мітки. Наприклад, так: #custom_icons. Натискаємо Enter.
  • Групуємо за категорією. Для цього натискаємо піктограму фільтра. У пункті "Групувати за" вибираємо категорію і далі в списку позначаємо власне категорію або кілька категорій для фільтрації. За замовчуванням відмічені всі. Можна прибрати непотрібні, знявши галочки, або очистити все, клікнувши відповідну кнопку. Проставляти галочки також можна вручну або вибрати все за допомогою кнопки.

Групування за категоріями

Одночасно зі змінами у фільтрі буде змінюватися також контент бібліотеки: виведуться блоки з відмічених категорій, розділені назвами цих категорій.

  • Групуємо за тегом. У пункті "Групувати за" вибираємо "Тег". У списку або плитці відобразяться блоки, об'єднані під своїми мітками.

Групування за тегами

Під однією міткою зібрані ті модулі, які мають однаковий тег або всі теги. Якщо міток є кілька, але збігаються не всі, модуль буде виведено окремо зі своїм підзаголовком (його теги йдуть через кому). Блоки без тегів та всі інші будуть знаходитися в розділі "Інші".

Важливо! 

Не забувайте очищувати фільтр і рядок пошуку, інакше ви будете бачити тільки результати видачі.

Попередньо заготовлені модулі

Використання блоків із бібліотеки суттєво скорочує час на верстку. Якщо ви поки що не створювали власні блоки, недостатньо досвідчені в роботі з редактором або лист треба створити терміново, виберіть щось із запропонованого системою. Для цього треба ввійти до вкладки "Спеціальні". Тут є понад 300 готових модулів, які можна додати до повідомлення.

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

  • Прехедери
  • Хедери
  • Банери
  • Інфомодулі
  • Картки товарів
  • Футери
  • AMP-пісочниця

У кожній категорії представлено кілька варіантів і кнопка, щоб довантажити більше. Ідентифікатор у прев’ю за наведенням курсору підкаже структурний тип модуля: stripe — полоса, structure — структура, container — контейнер.

Ідентифікатор системного модуля

Знайти потрібний готовий блок можна так само, як і збережений, за допомогою фільтра або пошуку. Але тегів у попередньо збережених модулів немає, тому вони будуть об'єднані в "Інші".

Бібліотека модулів

Зверніть увагу: назви системних модулів — завжди латиницею. Пошук російською мовою не дасть результатів.

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

Приклади використання збережених блоків

Обов'язкові для кожного листа елементи: хедер, футер, кнопки СТА, картки товарів, соцмережі — варто зберегти в особистій бібліотеці, щоб полегшити рутинну роботу. Зі збережених блоків швидко створюється готовий лист.

  • Шапка або хедер
    Можна створити в кількох варіантах і вибирати відповідний залежно від типу листа. Наприклад: для промолистів — з іконками соцмереж та лого, для тригерів — тільки з логотипом.

Приклад використання хедера з бібліотеки

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


Використання готового футера

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

Коли можуть знадобитися різні варіанти блоків?

У багатьох випадках. Наприклад, для:

  • Різних відправників. Коли в акаунті є кілька відправників (створюються листи від імені компанії, від менеджерів, від керівника).
  • Різних типів листів. Тригери та промолисти мають різну структуру й відповідно блоки.
  • Окремих блоків. Зокрема, соцмережі можуть бути в одних листах у шапці, а в інших — у футері.
  • Автоматичних листів. Наприклад: транзакційних (статуси замовлення), покинутих кошиків і переглядів та ін. Щоб не копіювати окремо змінні, а взяти вже готовий блок із системи.
  • Різних сегментів. Наприклад, якщо присутнє регіональне або інше географічне розділення, у листі можна використовувати адреси й контакти представництв.

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

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email