Як створювати редаговані шаблони в MailChimp
У цій статті ми розповімо, як створювати редаговані шаблони в MailChimp, використовуючи їхню власну мову розмітки, завдяки якій ви зможете створювати та редагувати листи прямо всередині розсилача. І використовувати ці шаблони знову і знову змінюючи контент під ваші потреби і не маючи знань у HTML і CSS.
Створення редагованих областей
Mc:edit
Mc:edit – робить конкретний елемент, що редагується всередині шаблону.
Ім'я, що використовується в mc:edit, має бути унікальним у будь-якому випадку.
Mc:edit=”” має використовуватися в діві, комірці таблиці або будь-якому іншому елементі, який можна розглядати як контейнер.
Mc:edit може бути розміщений у елементі. Це дозволить застосунку змінювати зображення, завантажуючи його через область, що редагується.
Ім'я яке ви призначаєте для mc:edit використовується для створення полів у базі даних для зберігання контенту користувача. Якщо користувач змінює шаблони після написання контенту, він втратить свій текст, якщо пробіли між словами в назві не відповідають критеріям редагування. Нижче описані приклади того, як потрібно називати редаговані області mc:edit.
Mc:edit=”header” – використовуйте це ім'я для шапки
Mc:edit=”header_image’ – використовуйте це ім'я для того, щоб зробити зображення у шапці редагованим
Mc:edit=”sidebar” – використовуйте це ім'я для редагування лівої або правої колонки
Mc:edit=”body” – використовуйте це ім'я для розмітки головного контенту у вашому листі
Mc:edit=”footer” – використовуйте це ім'я при найменуванні підвалу вашого листа
Ось кілька речей яких варто побоюватися при використанні mc:edit при створенні областей, що редагуються. Не треба вкладати редаговані елементив інший елемент, що редагується. Дуже не рекомендується розміщувати редаговані зображення всередині контейнера, що редагується. Також пам'ятайте, що контент, доданий через вікно редагування, прив'язаний до назви mc:edit тега. І якщо ви зміните ім'я після збереження контенту шаблон, то ви втратите весь контент.
Mc:hideable
Mc:hideable використовується для дії приховання/розкриття будь-якого елемента у шаблоні
Використовуйте mc:hideable для кожного HTML елементу
Уникайте розміщення mc:hideable тега на елементах, які вже мають тег mc:repeatable. Коли елемент прихований, він не буде видно під час надсилання листа через Mailchimp. Пам'ятайте, що немає обмежень у використанні mc:hideable. Абсолютно будь-який елемент може бути прихований під час розсилки.
Немає потреби додати назву для mc:h >
Mc:repeatable
Mc:repeatable використовується для дій публікування конкретних елементів усередині шаблону.
Використовуйте mc:repeatable для блокових елементів, таких як
, крім списків або інлайнових інлайнових елементів як , і .
Mc:repeatable і mc:edit можуть бути використані на одному і тому ж елементі, але вкладення mc:repeatable під mc:edit зарендерит контент, який можна редагувати, але не повторюється.
Mc:label
Mc:label це опціональний тег, який використовується для найменування редагованих секцій усередині програми.
Використовуйте mc:label на будь-якому mc:edit елементі.
Якщо не вказано ім'я mc:label, програма буде використовувати ім'я з mc:edit.
Mc:variant
Mc:variant використовується для зміни дискретних блоків HTML.
Mc:variant повинен використовуватися у зв'язці з mc:repeatable.
Синтаксис: mc:repeatable=”product” mc:variant=””
Використовуйте mc:vatiant на кожному дискретному HTML елементі, між якими хочете перейти
Mc:variant блоки повинні бути вкладені один в одного
Mc:variant блоки повинні бути суміжними у HTML.
Визначення редагованого CSS
Оголошення стиль блоку. Тут застосовується проста структура незалежно від іміджу елемента. У прикладі нижче показано стилізацію заголовка:
Де @tab визначає вкладку під якою можна організувати кілька редагованих стилів. Найкраще це використовувати для таких груп як header, sidebar або footer.
@section визначає підрозділ усередині вкладки. Найкраще це використовувати для вузькоспеціалізованих груп, таких як контент тіла листи, посилання у підвалі або кольори фону. @section може охоплювати стилі різних елементів та областей. @section body, наприклад, може мати стилі для фону таблиці, разом із потолками тексту та посилань. @section сам по собі є опціональним, але дуже рекомендується до використання.
Перед кожним редагованим CSS значенням має стояти @editable