Як працювати зі спрощеним редактором
У статті розглянемо особливості завантаження шаблону та елементи редагування через панель керування.
Рекомендуємо використовувати спрощений редактор лише тим користувачам, які розуміються на HTML-коді. Якщо вам складно розібратися з тегами, ви можете створити шаблон у нашому блоковому конструкторі просто перетягуючи потрібні елементи.
Якщо вам потрібно створити шаблон з динамічним контентом, читайте статтю Як створювати динамічні листи за подіями на основі готових шаблонів SendPulse.
Також ви можете вибрати готовий шаблон і замінити в ньому текст та картинки — детальніше про це читайте у статті Як використовувати безкоштовні готові шаблони для розсилок.
Як завантажити свій шаблон
Перейдіть до розділу Розсилки (Email) > Шаблони (Email Templates), натисніть Додати шаблон (Add a Template) і виберіть Спрощений редактор (HTML Editor).
Введіть назву шаблону.
Додайте код шаблону
Натисніть на значок <> (Source code).
Введіть код шаблону. У тег <head> помістіть усі медіазапити, а в <body> — весь вміст шаблону.
Поштові клієнти відображають HTML інакше, ніж браузери, тому попередній перегляд може відрізнятися від того, що бачать ваші одержувачі. HTML-редактор SendPulse підтримує обмежений набір тегів і CSS-властивостей.
Дотримуйтеся цих правил під час додавання або редагування HTML:
- Використовуйте адаптивний макет. Уникайте фіксованої ширини та висоти блоків. Фіксований розмір часто ламається на мобільних пристроях і в деяких поштових клієнтах.
- Використовуйте вбудований CSS з атрибутом
style. Багато поштових клієнтів ігнорують блоки<style>і зовнішній CSS. - Не використовуйте JavaScript або вбудований контент, наприклад
<iframe>. Більшість поштових клієнтів їх блокує. Для інтерактивності використовуйте AMP-листи. - Обережно використовуйте умови в макетах на основі таблиць. Не розміщуйте теги умов безпосередньо всередині
<table>або<tr>. Поштові клієнти та браузери можуть додавати відсутні елементи, наприклад<tbody>, що може перемістити теги умов і зламати макет. Розміщуйте умови всередині<td>або обгорніть усю таблицю в умову. Дізнайтеся більше про елемент Table та HTML living standard. - Правильно закривайте теги. Відсутні теги закриття спричиняють некоректну вкладеність і проблеми з макетом.
- Перевіряйте шаблон за допомогою email HTML checker та перегляньте список підтримуваних CSS і HTML-атрибутів SendPulse перед надсиланням.
Внесіть зміни до шаблону
За допомогою панелі інструментів можна працювати з текстом: вибрати шрифт, розмір і вирівнювання, виділити курсивом, напівжирним, підкресленим або закресленим, а також збільшити або зменшити відступи.
Можна також вибрати колір тексту та фону.
Щоб вставити або видалити посилання, використовуйте піктограму Вставити/редагувати посилання (Insert/edit link) та Видалити посилання (Remove link).
Щоб додати медіафайли до шаблону, натисніть Вставити відео (Insert video) або Вставити/редагувати зображення (Insert/edit image).
Ви можете додати маркований та нумерований списки до шаблону вашого листа.
Також до шаблону можна додати таблицю.
Щоб надсилати особисті листи користувачам, вставте змінні.
Щоб переглянути, як ваш шаблон буде виглядати в листі, скористайтеся функцією Перегляд (Preview).
Також на панелі редагування доступні такі функції: Повернути (Redo), Скасувати (Undo), Пошук та заміна (Find and replace), Горизонтальна лінія (Horizontal line), Очистити формат (Clear formatting), Нижній індекс (Subscript), Верхній індекс (Superscript), Напрямок праворуч наліво (Right to left), Показувати блоки (Show blocks) і Повноекранний режим (Fullscreen).
Завантажте зображення на сервер SendPulse
Прокрутіть вниз. Позначте, якщо хочете завантажувати зображення на сервер SendPulse.
Надішліть тестове повідомлення
Зверніть увагу, що кожен поштовий клієнт може мати свої правила розпізнавання коду та відображення шаблону. Рекомендуємо робити тестове надсилання на свою адресу перед відправкою вашим клієнтам.
У тестових листах не працюють змінні. Якщо вам потрібно перевірити підстановку змінних, робіть розсилку на список розсилки, в якій є ваша адреса.
Збережіть шаблон
Збережіть шаблон і використовуйте його у розсилках.
Читайте також: Як надіслати email розсилку.
Як редагувати шаблон
Щоб редагувати існуючий шаблон, перейдіть до розділу Розсилки (Email) > Шаблони (Email Templates). Виберіть потрібний шаблон і натисніть Редагувати шаблон (Edit template).
Не всі шаблони можна редагувати за допомогою спрощеного редактора, наприклад, якщо ви створили шаблон у конструкторі, то він у ньому і відкриється. Ви також можете змінити деякі системні шаблони за допомогою спрощеного редактора.
Коли шаблон готовий, ви можете зберегти його як новий або перезберегти поточний з усіма змінами.
Оновлено: 03.07.2024
або