Справочник по блокам контента email-сообщений

Справочник по каждому блоку, который можно добавить на холст Drag-and-drop редактора, а также по типам ссылок, доступным для кнопок и текста. Чтобы контролировать, какие получатели увидят блок, установите условие отображения.

Добавление блоков контента

Откройте вкладку Blocks и перетащите блок на холст или нажмите на блок, чтобы добавить его в конец письма. Доступные блоки:

• Заголовок: заголовки и короткие подзаголовки в письме
• Текст: основной текст и длинные описания
• Кнопка: кликабельный призыв к действию
• Изображение: картинки из Медиахранилища, загруженные или по URL
• Видео: кликабельный постер, который ссылается на видео в YouTube или Vimeo
• Карточка: изображение в паре с заголовком, текстом и кнопкой в одном макете
• Разделитель: линия, которая визуально разделяет секции
• 2 колонки: две равные колонки рядом
• 3 колонки: три равные колонки рядом
• 4 колонки: четыре равные колонки рядом
• 33 / 67: две колонки, где левая занимает около 33% ширины, а правая — около 67%
• 67 / 33: две колонки, где левая занимает около 67% ширины, а правая — около 33%
• Таймер: обратный отсчет для предложений и сроков
• Меню: ряд или столбец ссылок, например, навигация или контакты
• Социальные сети: иконки, которые ссылаются на ваши профили в социальных сетях
• HTML: пользовательский HTML, например, форма, опрос или встроенное видео
• Товары: повторяющаяся сетка карточек товаров. Вводите товары вручную или извлекайте их из вашего каталога товаров или из брошенной корзины получателя.
• Новости: повторяющаяся сетка карточек статей, извлеченных из RSS- или Atom-ленты.

Заголовок и текст

Блоки Заголовок и Текст содержат текст, который получатели читают в письме. Используйте Заголовок для заголовков и коротких строк, Текст — для основного текста и длинных описаний.

Нажмите на блок на холсте, чтобы начать редактирование. Выделите текст, чтобы появилась панель форматирования.

Опции панели инструментов

• Стиль текста: установите стиль абзаца (Заголовок 1, Заголовок 2, Обычный и т.д.) для всего блока
• Размер шрифта: измените размер выделенного текста или примените размер ко всему абзацу
• Жирный / Курсив / Подчеркнутый / Зачеркнутый: стандартное форматирование символов
• Выравнивание: по левому краю, по центру или по правому краю
• Ссылка: оберните выделенный текст в гиперссылку
• Маркированный список / Нумерованный список: превратите выделенные строки в список. Любой маркер или номер, с которого уже начинаются строки, удаляется, чтобы он не дублировался с маркером самого списка.

Выберите блок (а не диапазон текста), чтобы открыть его настройки в правой панели, затем включите Межбуквенный интервал, чтобы увеличить или уменьшить расстояние между символами для всего блока. Принимает дробные и отрицательные значения. Чтобы применить межбуквенный интервал ко всем текстовым блокам сразу, установите его как значение по умолчанию для всего письма в разделе Типографика. См. Настройка стилей для всего письма.

Вставка из других документов

При вставке текста из Google Docs, Word или веб-страницы сохраняются жирный шрифт, курсив, подчеркивание, зачеркивание и ссылки. Цвет, размер и семейство шрифта из источника не переносятся — всегда преобладает типографика самого блока. Чтобы полностью игнорировать форматирование источника и применить стиль блока, вставьте текст с помощью Ctrl+Shift+V (Cmd+Shift+V на Mac).

Вставленный маркированный или нумерованный список сохраняет свой маркер или номер как обычный текст в начале каждой строки в том же блоке. Выделите эти строки и нажмите Маркированный список / Нумерованный список, чтобы превратить их в настоящий список — кнопка сама удалит оставшийся маркер.

В однострочных полях, таких как метка Кнопки, вставленные разрывы строк сворачиваются в один пробел.

Персонализация с помощью Merge Tags

Merge Tags — это плейсхолдеры, которые вставляют значение тега из профиля получателя, чтобы каждый подписчик видел персонализированный текст. Чтобы добавить его, выделите текст, нажмите Merge Tags на панели инструментов и выберите тег из вашего аккаунта. Нажмите на вставленный Merge Tag, чтобы открыть панель с полями Default (значение, отображаемое, когда тег пуст) и Format (капитализация, форматирование числа или даты, применяемое к значению).

Изображение

Блок Изображение отображает картинку в письме. Выберите его на холсте, чтобы открыть настройки Изображения в правой панели.

Добавление изображения

Нажмите Добавить изображение, когда блок пуст, или Заменить изображение, когда картинка уже установлена. Откроется Медиагалерея с тремя вкладками:

• Библиотека: ваши загруженные файлы с возможностью поиска по имени файла.
• Стоковые фото: ищите бесплатные фотографии Pexels, не выходя из редактора. Нажмите на одну, чтобы скопировать ее в свою библиотеку и вставить.
• Сгенерировать с помощью ИИ: опишите желаемое изображение и выберите соотношение сторон. Сгенерированное изображение сохраняется в вашей библиотеке.

Вы также можете вставить размещенную ссылку прямо в поле URL изображения, чтобы пропустить галерею.

Alt-текст

Опишите изображение в поле Alt-текст для доступности или нажмите Сгенерировать alt с помощью ИИ, чтобы ИИ написал его на основе изображения на вашем текущем языке редактирования. Изображения, добавленные из стоковых фото или сгенерированные с помощью ИИ, получают alt-текст автоматически.

Размер и подгонка

• Ширина: установите ширину изображения в пикселях или в процентах от доступного пространства, чтобы оно оставалось гибким. Оставьте значение по умолчанию, чтобы использовать естественную ширину изображения.
• Ширина на мобильных устройствах (px): переопределяет ширину только на экранах телефонов. Оставьте пустым, чтобы изображение продолжало пропорционально уменьшаться от своей десктопной ширины.
• Высота (px): установите фиксированную высоту рендеринга. Оставьте пустым для автоматического масштабирования — по соотношению сторон обрезки, если оно установлено, в противном случае по естественным пропорциям изображения.
• Обрезка: выберите Оригинал, чтобы сохранить естественные пропорции изображения, или соотношение сторон (Квадрат (1:1), 4:3, 3:2, 16:9), чтобы обрезать изображение до этого размера.
• Подгонка: выберите Заполнение, чтобы заполнить рамку и обрезать по ней. Установите точку обрезки с помощью Фокусная точка. Или выберите Вместить, чтобы масштабировать все изображение внутри рамки без обрезки. Позиционируйте его с помощью Установить позицию.

Ссылки и отступы

Чтобы при нажатии на изображение открывалась ссылка, введите ее в поле URL ссылки и установите Цель ссылки для открытия в той же или новой вкладке. См. Добавление ссылок для доступных типов ссылок.

В разделе Отступы включите Внутренний отступ, чтобы добавить пространство вокруг изображения. Используйте Все стороны для равномерного отступа или включите Больше опций, чтобы установить каждую сторону отдельно.

Видео

Блок Видео добавляет видео из YouTube или Vimeo в письмо в виде кликабельной миниатюры. Почтовые клиенты не могут воспроизводить видео внутри сообщения, поэтому блок показывает статичное изображение с наложением значка ▶. Когда получатель нажимает на него, видео открывается на YouTube или Vimeo. Это работает во всех основных клиентах, включая Outlook.

Выберите блок Видео на холсте, чтобы открыть его настройки в правой панели.

• URL видео: вставьте ссылку на YouTube или Vimeo. Редактор автоматически извлечет миниатюру.
• Alt-текст: опишите видео для доступности.
• URL миниатюры: оставьте автоматически извлеченную миниатюру, или нажмите Добавить миниатюру / Заменить миниатюру, чтобы выбрать ее из Медиагалереи, или вставьте размещенную ссылку напрямую.
• Наложение кнопки воспроизведения: включено по умолчанию. Отключите, чтобы показать обычную миниатюру без наложения значка ▶. Наложение недоступно для миниатюр на некоторых внешних хостах. Редактор предупредит вас, когда это применимо, и в письме будет показана обычная миниатюра.
• Ширина (px), Радиус скругления углов (px) и Выравнивание: контролируют внешний вид миниатюры и ее расположение в макете. Вы можете установить выравнивание отдельно для мобильных устройств.

Карточка

Блок Карточка объединяет изображение с заголовком, текстом и кнопкой в единый готовый макет. Выберите его на холсте, чтобы открыть его настройки в правой панели.

• Макет: выберите, с какой стороны от контента будет находиться изображение.
• Изображение: замените изображение, установите alt-текст или отредактируйте подсказку для изображения, созданного с помощью Сгенерировать с помощью ИИ.
• Размер и подгонка: поля размера зависят от Макета. Обрезка доступна для всех макетов. Подгонка применяется ко всем макетам, кроме Фонового:
  • Сверху: Высота устанавливает высоту изображения в пикселях или в процентах от ширины карточки. Ширина (px) сужает изображение до фиксированной ширины в пикселях и центрирует его.
  • Фоновое: Высота устанавливает высоту карточки в пикселях или в процентах от ее ширины. Поля Ширина (px) нет. Изображение всегда заполняет карточку в качестве фона и обрезается по ней, поэтому Подгонка не влияет на этот макет. Фокусная точка все еще работает: она определяет, какая часть изображения остается видимой.
  • Слева или Справа: Ширина устанавливает ширину колонки с изображением в пикселях или в процентах от карточки. Высота (px) фиксирует высоту изображения в пикселях. Установка высоты в пикселях сбрасывает соотношение сторон обрезки ниже. Выбор соотношения сторон обрезки сбрасывает высоту в пикселях. Вы не можете использовать оба параметра одновременно.
  • Для всех макетов:
    • Обрезка: выберите Оригинал, чтобы сохранить естественные пропорции изображения, или соотношение сторон (Квадрат (1:1), 4:3, 3:2, 16:9), чтобы обрезать изображение до этого размера.
    • Подгонка: выберите Заполнение, чтобы заполнить рамку и обрезать по ней. Установите точку обрезки с помощью Фокусная точка. Или выберите Вместить, чтобы масштабировать все изображение внутри рамки без обрезки. Позиционируйте его с помощью Установить позицию.
• Отступы: установите внутренний отступ вокруг контента карточки.

Кнопка

Кнопка — это кликабельный призыв к действию в письме.

Нажмите на блок Кнопка, чтобы отредактировать его метку на холсте. Используйте панель инструментов для изменения размера шрифта, цвета текста, жирного, курсивного, подчеркнутого, зачеркнутого начертания и выравнивания. Метка является однострочной: вставленные разрывы строк сворачиваются в пробел. См. Вставка из других документов для информации о том, что сохраняется и удаляется при вставке.

Чтобы установить, что произойдет, когда получатель нажмет на кнопку:

• Нажмите на значок ссылки на панели инструментов, чтобы открыть Вставить/Редактировать ссылку.
• Или используйте Тип действия и URL в разделе Ссылка правой панели.

См. Добавление ссылок для доступных типов действий.

В правой панели, в разделе Стили:

• Выравнивание: по левому краю, по центру или по правому краю.
• Фон, Цвет текста, Размер шрифта и Семейство шрифтов: включите каждую опцию, чтобы переопределить внешний вид по умолчанию.
• Радиус скругления углов, Цвет рамки и Ширина рамки: форма и контур кнопки.
• Ширина: установите фиксированную ширину кнопки или оставьте ее автоматической.
• Внутренний отступ: добавьте пространство внутри кнопки. Используйте Все стороны для равномерного отступа или включите Больше опций, чтобы установить каждую сторону отдельно.

Разделитель

Разделитель — это горизонтальная линия между блоками контента. Используйте его для визуального разделения секций в письме.

Настройте стиль линии (Сплошная, Пунктирная, Точечная), цвет, толщину и ширину в панели настроек.

HTML

Блок HTML позволяет вставить пользовательский HTML в ваше письмо. Используйте его для пользовательской формы, опроса или встроенного видео.

Над полем кода нажмите Merge tag, чтобы найти теги вашего аккаунта и вставить Merge Tag в позицию курсора — та же функция персонализации, что описана выше, — или нажмите на значок эмодзи, чтобы вставить эмодзи таким же образом. Нажмите на вставленный Merge Tag, чтобы открыть ту же панель Default / Format, что и в блоке Заголовок или Текст.

Примеры

Форма для лидов

Эта форма для лидов собирает адрес электронной почты для отправки промокода на новогоднюю распродажу.

HTML-код

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

Опрос

Этот опрос спрашивает, какую категорию ищет получатель, и ссылается на соответствующую страницу распродажи для каждого варианта.

HTML-код

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

Видео

Этот пример встраивает промо-видео новогодней распродажи в письмо.

HTML-код

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

Примечание

Вы также можете добавить ссылку для отписки прямо в HTML-блок:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

Плейсхолдер %%PW_EMAIL_UNSUBSCRIBE%% заменяется на URL для отписки от Pushwoosh при отправке письма.

Меню

Блок Меню размещает несколько кликабельных элементов в ряд или столбец. Используйте его для навигационной панели или списка контактов компании.

Для каждого элемента меню установите:

• Метка: текст, который видят получатели
• URL: куда открывается элемент
• Цель: та же вкладка или новая вкладка

В настройках блока вы также можете установить:

• Направление: Горизонтальное или Вертикальное
• Выравнивание: По левому краю, По центру или По правому краю
• Разделитель: необязательный разделитель между элементами
• Шрифт, размер, начертание, межбуквенный интервал и цвета ссылок/текста

Социальные сети

Блок Социальные сети отображает ряд иконок социальных сетей, которые ссылаются на ваши профили. Используйте его, чтобы направлять получателей на Facebook, Instagram, X и другие платформы из письма.

Добавьте записи для платформ, затем установите выравнивание, размер иконок и расстояние между ними.

Таймер обратного отсчета

Блок Таймер — это обратный отсчет в письме. Используйте его для предложений с ограниченным сроком действия, флеш-распродаж и напоминаний о событиях.

Чтобы его настроить:

1. В разделе Обратный отсчет установите Дату окончания и Время окончания, затем выберите Часовой пояс и Язык для меток таймера.
2. Включите Метки, чтобы показывать подписи «дни / часы / минуты / секунды» под цифрами, или отключите для отображения только чисел.
3. В разделе Внешний вид установите Фон, Цвет цифр, Цвет меток и размер шрифта для цифр (по умолчанию 40px) и меток (по умолчанию 16px).
4. При необходимости отрегулируйте Отступы (внутренние отступы).

Таймер отображается как четкое изображение на любом языке и в любом размере, с фоном, который растягивается на всю ширину строки письма, и версией, отрисованной нативно для мобильной ширины, а не уменьшенным десктопным изображением.

Колонки

Колонки разделяют холст на расположенные рядом секции, чтобы вы могли размещать контент друг с другом в одной строке.

Перетащите один из этих блоков на холст:

• 2 колонки: две равные колонки
• 3 колонки: три равные колонки
• 4 колонки: четыре равные колонки
• 33 / 67: левая колонка шириной около 33%, правая — около 67%
• 67 / 33: левая колонка шириной около 67%, правая — около 33%

Затем добавьте контент в каждую колонку. Чтобы изменить отступы для всех колонок в письме, откройте Настройки → Настройки колонок по умолчанию и отрегулируйте внешний отступ, внутренний отступ колонки и расстояние между колонками.

Для собственного изображения колонки (то, которое вы добавляете с помощью Добавить изображение в настройках колонки), в настройках отображается раздел Размер и подгонка. Это тот же элемент управления, что и в макете Слева / Справа блока Карточка. Блок Изображение, перетащенный в колонку, является отдельным элементом контента и сохраняет свои собственные простые поля для изменения размера — см. Изображение.

Вы также можете вставить размещенную ссылку прямо в поле URL изображения, чтобы пропустить галерею.

• Ширина: установите ширину изображения в пикселях или в процентах от колонки. Оставьте пустым, чтобы заполнить колонку.
• Высота (px): зафиксируйте высоту изображения в пикселях. Установка высоты в пикселях сбрасывает соотношение сторон обрезки ниже. Выбор соотношения сторон обрезки сбрасывает высоту в пикселях. Вы не можете использовать оба параметра одновременно.
• Обрезка: выберите Оригинал, чтобы сохранить естественные пропорции изображения, или соотношение сторон (Квадрат (1:1), 4:3, 3:2, 16:9), чтобы обрезать изображение до этого размера.
• Подгонка: выберите Заполнение, чтобы заполнить рамку и обрезать по ней. Установите точку обрезки с помощью Фокусная точка. Или выберите Вместить, чтобы масштабировать все изображение внутри рамки без обрезки. Позиционируйте его с помощью Установить позицию.

Примечание

Изображение колонки, для которого установлена только Высота (px), растягивается на ширину колонки и обрезается до этой высоты.

Товары

Блок Товары показывает сетку карточек товаров из одного общего шаблона. Каждая карточка может включать изображение, название, описание, цену и кнопку покупки. Шаблон повторяется для каждого товара.

Нажмите на карточку на холсте, чтобы сделать ее активной и отредактировать:

• Измените название, описание, цену, изображение или ссылку для конкретного товара, чтобы обновить только эту карточку.
• Измените макет шаблона, цвета, отступы или элементы, которые он содержит, чтобы обновить все карточки.

В панели настроек, в разделе Источник, выберите, откуда берутся товары:

• Вручную: вводите товары вручную, выбирайте их из вашего каталога товаров по ID или смешивайте оба способа.
• Правило каталога: автоматически извлекайте товары по категории и порядку сортировки, обновляя их из каталога в момент отправки.
• Корзина: показывайте товары из текущей брошенной корзины каждого получателя.

Примечание

Для этих источников требуется наличие Content Templates в вашем тарифном плане. Если переключатель Источник не переключается на Правило каталога или Корзина, свяжитесь со службой поддержки или вашим аккаунт-менеджером.

Вам также понадобится токен доступа к API (Настройки → Доступ к API). Без токена вы все еще можете выбрать источник, но блок не будет отображать товары, пока вы не создадите токен и не выберете источник заново.

Добавление товаров вручную

Заполните сетку самостоятельно, либо вводя товары вручную, либо выбирая конкретные товары из вашего каталога товаров по ID. Вы можете смешивать оба способа в одном блоке.

• Количество товаров: установите, сколько карточек показывать (1–24).
• Добавить товар: добавьте карточку и самостоятельно заполните ее название, описание, цену, изображение и ссылку.
• Выбрать из каталога…: выберите конкретные товары из вашего каталога товаров вместо того, чтобы вводить их вручную.
• Обновить из каталога: получите последние название, описание, цену и изображение для товаров, которые вы выбрали из каталога, на случай, если они изменились с момента их добавления. Не влияет на товары, введенные вручную.
• Изображения товаров: нажмите на миниатюру, чтобы заменить изображение этого товара.
• Ссылки на товары: введите или отредактируйте URL для каждого товара.

Извлечение товаров с помощью правила каталога

Автоматически извлекайте товары по категории и порядку сортировки без ручного выбора.

• Категория: ограничьте выбор конкретной категорией каталога или выберите Все категории.
• Сортировка: выберите порядок извлечения товаров: Сначала новые, Цена: от низкой к высокой, Цена: от высокой к низкой или Название А-Я.
• Количество товаров: установите лимит на количество отображаемых карточек (1–12).
• Обновить предпросмотр: пересчитайте предпросмотр на холсте на основе текущего состояния каталога.

Предпросмотр и время отправки

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

Показ товаров из корзины

Отобразите текущие товары из брошенной корзины получателя.

• Макс. количество товаров: установите лимит на количество отображаемых карточек (1–12).
• Предпросмотр корзины пользователя: введите ID пользователя или email и нажмите Предпросмотр корзины, чтобы увидеть, как блок отображается для этого конкретного получателя.

Примечание

Каждый получатель получает свою текущую брошенную корзину в момент отправки. Получатели без корзины просто пропустят этот блок, поэтому таргетируйте свою аудиторию с помощью тега PW_AbandonedCartID. Сам холст показывает примеры карточек, а не реальные данные корзины. См. Как настроить кампанию по брошенным корзинам для полной настройки.

Стилизация сетки

После выбора источника эти настройки контролируют внешний вид сетки и ее карточек. Они остаются одинаковыми независимо от используемого источника:

• Колонки: выберите 1, 2 или 3 карточки в ряду. На мобильных устройствах карточки всегда располагаются в одну колонку.
• Промежуток: включите, чтобы установить расстояние между карточками. При отключении используется значение по умолчанию (16px).
• Лимит описания: лимит символов, до которого обрезается текст описания, чтобы карточки оставались одинакового размера.
• Шаблон карточки: выберите макет, затем установите Фон карточки, Радиус скругления углов карточки и Внутренний отступ контента для каждой карточки.
• Размер и подгонка: отображается для каждого макета с изображением. Те же элементы управления Ширина, Высота, Обрезка и Подгонка, что и для размера изображения в блоке Карточка для каждого макета, но размер задается относительно ширины карточки, а не всего письма.

Настройки Стиль блока ниже стилизуют блок в целом, отдельно от карточек внутри него:

• Фон и Фоновое изображение: установите цвет фона или фоновое изображение для всей сетки.
• Цвет рамки, Ширина рамки и Радиус скругления углов: добавьте контур и скругленные углы вокруг всей сетки.
• Скрыть на мобильных и Скрыть на десктопе: скройте весь блок на одном из устройств. См. Показ или скрытие контента в зависимости от устройства.

Как отображается цена со скидкой

Если у товара в вашем каталоге есть цена со скидкой, карточка покажет сниженную цену, а первоначальная будет зачеркнута. Это относится к источникам Правило каталога, Корзина и товарам из каталога в режиме Вручную. У товаров, введенных вручную, нет цены со скидкой.

Новости

Блок Новости показывает сетку карточек статей, извлеченных из RSS- или Atom-ленты, например, из вашего блога или новостного сайта. Каждая карточка может включать изображение, дату, заголовок, краткое содержание и ссылку «Читать далее». Шаблон повторяется для каждой статьи, так же, как и для блока Товары. Новый блок Новости начинается с 2-х примеров карточек.

Нажмите на карточку на холсте, чтобы сделать ее активной и отредактировать:

• Измените дату, заголовок, краткое содержание, изображение или ссылку для конкретной статьи, чтобы обновить только эту карточку.
• Измените макет шаблона, цвета, отступы или элементы, которые он содержит, чтобы обновить все карточки.

Статьи копируются в контент письма после их загрузки; в момент отправки ничего не извлекается заново. Изображения статей копируются в ваше Медиахранилище и при необходимости конвертируются из WebP в JPEG, так как Outlook не может отображать WebP.

В панели настроек, в разделе Лента новостей, вставьте URL ленты RSS 2.0 или Atom, а затем либо:

• Загрузить последние статьи: замените текущие карточки самыми свежими статьями из ленты, в том же количестве, что у вас уже есть (по умолчанию 2).
• Выбрать статьи…: откройте панель со списком до 12 последних статей из ленты, с миниатюрой, заголовком, датой, категорией и автором, и выберите, какие из них добавить. Выбранные статьи добавляются к существующим карточкам, всего до 12; статьи, уже находящиеся на холсте, нельзя выбрать дважды.

Примечание

Если URL ленты пуст, недействителен или в ленте нет статей, Pushwoosh покажет ошибку и оставит текущие карточки без изменений.

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

Макет

• Колонки: выберите 1, 2 или 3 карточки в ряду. На мобильных устройствах карточки всегда располагаются в одну колонку.
• Промежуток: включите, чтобы установить расстояние между карточками. При отключении используется значение по умолчанию (16px).
• Лимит краткого содержания: лимит символов, до которого обрезается краткое содержание статьи, чтобы карточки оставались одинакового размера.

Изображения и ссылки статей

• Изображения статей: нажмите на миниатюру, чтобы заменить изображение этой статьи.
• Ссылки на статьи: отображается, когда в шаблоне карточки есть ссылка, привязанная к статье (кнопка «Читать далее» по умолчанию). Перечисляет каждую статью по заголовку, чтобы вы могли отредактировать или переопределить ее URL-адрес назначения, изначально извлеченный из ленты.

Шаблон и размер карточки

Выберите макет, затем установите Фон карточки, Радиус скругления углов карточки и Внутренний отступ контента для каждой карточки. Для макета Слева или Справа включите Обтекание текста вокруг изображения, чтобы заголовок и краткое содержание обтекали картинку, а не оставались в фиксированной колонке. Размер и подгонка (Ширина, Высота, Обрезка, Подгонка) работает так же, как и размер изображения в блоке Карточка для каждого макета, но размер задается относительно ширины карточки.

Стиль блока

Фон, Фоновое изображение, цвет/ширина/радиус рамки и Скрыть на мобильных / Скрыть на десктопе работают так же, как и в блоке Товары.

Примечание

Как и любой другой блок, блок Новости поддерживает условия отображения, чтобы показывать его только части получателей.

Сохранение и повторное использование блоков

Сохраните блок, чтобы повторно использовать его в этом или других письмах, вместо того чтобы каждый раз создавать его заново.

1. Нажмите на сам блок (на его рамку или фон, а не на текст или кнопку внутри), чтобы выбрать весь блок. Карточка, Колонки и Социальные сети — примеры блоков, которые работают таким образом.
2. Нажмите на значок закладки на панели инструментов блока и дайте ему имя.

Сохраненные блоки появляются в разделе Сохраненные блоки внизу вкладки Блоки.

• Перетащите сохраненный блок на холст или нажмите на него, чтобы добавить в конец письма.
• Нажмите на × на плитке сохраненного блока, чтобы удалить его.

Синхронизация копий

При сохранении блока включите Синхронизировать копии, чтобы связать каждую вставленную копию с одним и тем же источником. Отредактируйте источник один раз, и изменение применится везде, где используется этот блок, включая уже запланированные к отправке письма.

Синхронизированная копия заблокирована на холсте. Вы не можете редактировать ее напрямую. Выберите копию, чтобы открыть ее настройки:

• Редактировать синхронизированный блок: разблокируйте эту копию, чтобы вы могли ее изменить. Вверху появится баннер. Нажмите Применить ко всем, чтобы сохранить изменения в источнике и во всех других копиях, или Отмена, чтобы отменить их. Вы можете разблокировать только один синхронизированный блок за раз.
• Обновить из источника: замените эту копию последней версией из источника.
• Отсоединить от источника: отвяжите эту копию от источника, чтобы вы могли редактировать ее самостоятельно.

Примечание

Каждый раз, когда вы открываете письмо, Pushwoosh проверяет его синхронизированные копии и обновляет те, которые устарели. Всплывающее уведомление показывает, сколько было обновлено. Если в источнике есть более новый контент, в настройках копии отображается предупреждение, пока вы не откроете письмо заново или не нажмете Обновить из источника. Если источник был удален, копия сохраняет свой последний контент, и вы можете только Отсоединить от источника.

Добавление ссылок

Используйте диалоговое окно Вставить/Редактировать ссылку, чтобы установить, что произойдет, когда получатель нажмет на кнопку или выделенный текст. Выберите Тип действия, а затем заполните поля для этого действия.

Открыть веб-сайт

Открывает ссылку, когда получатель нажимает на нее. Введите адрес в поле URL.

Ссылка для управления предпочтениями

Добавляет ссылку на центр управления подписками, где получатели могут выбрать, какие категории писем они хотят получать. Ссылка вставляется автоматически.

Ссылка для отписки

Позволяет получателям отказаться от подписки в соответствии с правилами и их предпочтениями.

Совет

Вы также можете добавить ссылку для отписки в блоке HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

Плейсхолдер %%PW_EMAIL_UNSUBSCRIBE%% заменяется на URL для отписки от Pushwoosh при отправке письма.

Что происходит, когда получатель нажимает на ссылку для отписки

Если центр управления подписками включен

Получатель отписывается только от категории, назначенной этому письму (например, Новостная рассылка). Название категории удаляется из его тега Subscribed Email Categories.

Появляется экран подтверждения с опциями Подписаться снова и Управлять предпочтениями. Узнать больше.

Если центр управления подписками не включен

Получатель отказывается от всех маркетинговых писем, и для тега Unsubscribed Emails устанавливается значение true. Транзакционные письма не затрагиваются и будут продолжать доставляться. Узнать больше о типах сообщений.

Важно

Чтобы вы могли доставлять важные письма вашим клиентам, мы не удаляем отписавшихся пользователей из вашей пользовательской базы.

Чтобы продолжать отправлять сообщения вовлеченным получателям, создайте сегмент, отфильтрованный по Unsubscribed Emails = false. Чтобы избежать жалоб, не отправляйте письма получателям, которые отписались.

Клики учитываются в показателе отписок в Истории сообщений.

Ссылка на веб-версию

Предоставляет получателям доступ к веб-версии письма, что полезно, если у них возникают проблемы с его просмотром в почтовом ящике.

Не отслеживать статистику

Открывает ссылку, когда получатель нажимает на нее, без учета клика в статистике кликов вашего письма. Введите адрес в поле URL.

Ссылка для подтверждения формы подписки

Вставляет ссылку для подтверждения отправки формы подписки (например, для подтверждения двойного согласия). Узнать больше о двойном согласии.