Как использовать базовые блоки для создания сообщения?

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

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

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

Как добавить базовый блок в сообщение?

Чтобы добавить в сообщение базовый блок:

  1. Перейдите к разделу Верстка в редакторе.
  2. Разверните секцию Базовые блоки.
  3. Выберите базовый блок и перенесите его на сообщение. После того, как вы добавите блок, по правой стороне откроются его настройки.

Как перемещать, сохранять, дублировать или удалять блоки?

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

1. Переместить – удерживайте первую иконку и перемещайте блок в нужное место.
2. Сохранить – используйте иконку дискеты, чтобы сохранить блок для последующего использования. Отобразится всплывающее окно предпросмотра блока с полем для ввода названия. Кликните Сохранить.
3. Дублировать – третья иконка позволяет дублировать блок. Копия будет помещена под оригинальным блоком.
4. Удалить – кликните иконку мусорной корзины, чтобы удалить блок.

Какие доступны типы блоков?

Мы предлагаем различные виды блоков, чтобы вы могли создавать такой контент, как вам необходимо. Ниже вы найдёте список всех типов блоков и их опции.

Изображение

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

Перенесите блок в нужное место из Верстка >> Базовые блоки. Далее добавьте изображение, загрузив его из Файлов и изображений, либо из URL.

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

Вы можете сделать следующее:
– Заменить изображение.
– Изменить изображение с помощью редактора – обрезать, применить фильтры, изменить цвета, настроить фокус, добавить текст и стикеры, использовать кисточку, добавить рамки и эффекты . Узнайте больше о редакторе изображений.
Добавить ссылку в изображение. Вы можете добавить ссылку на сайт, лендинг, вебинар, динамический контент, Email-адрес или номер телефона. Вы можете редактировать или удалять ссылку после добавления.
– Удалить изображение.
– Добавить альтернативный текст.

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

У вас также есть следующие дополнительные опции редактирования:
– Изменить ширину и высоту изображения.
– Восстановить оригинальный размер изображения.
– Задать выравнивание изображения по левому краю, центру или правому краю.
– Скрыть изображение в мобильной версии.

Кроме этого доступны Расширенные параметры:
– Настройка границы изображения,
– Настройка радиуса границы (это можно использовать, чтобы сделать изображение округлым),
– Настройка отступа (расстояния между изображением и границей блока).

Текст

Текстовый блок – это второй главный и самый часто используемый блок. Он позволяет добавлять текст и изменять его стиль в соответствии с вашими потребностями. Вы можете выбрать стиль абзаца, добавить ссылку в текст, выбрать разные шрифты для одного текстового элемента и пр.
Как и с изображениями, закончив работу над блоком вы можете сохранить его в Мои блоки для дальнейшего использования.

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

Перенесите текстовый блок в нужное место из раздела Верстка >> Базовые блоки, и начните редактировать текст.

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

Из опций редактирования стиля доступны:
– Выбор стиль абзаца.
– Выбор шрифта и размера шрифта для всего текста, или части текста. Вы также можете выбирать веб-шрифты. Больше информации здесь.
– Выбор стиля шрифта.
– Выбор цвета шрифта и цвета фона шрифта.
– Создание нумерованного или маркированного списка.
– Выравнивание текста по левому краю, центру или правому краю.
– Добавление персонализации.
– Добавление или удаление ссылка во всём тексте, или его фрагменте.
– Добавление в текст эмодзи.

Кроме этого, в боковом меню вы можете задать параметры для всего блока, такие как:
– Межстрочный интервал,
– Цвет фона,
– Отступ (расстояние между текстом и границей текстового блока),
– Возможность скрыть блок в мобильной версии письма.

Кнопка

Блок кнопки позволяет добавить ссылку на конкретный сайт, загрузку файла и т.п. Кнопки – это способ создать призыв к действию и привлечь внимание читателей к этому конкретному элементу.

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

Перенесите блок Кнопка из раздела Верстка >> Базовые блоки на рабочее поле редактора.
Параметры блока отобразятся по правой стороне.

Вы можете настроить кнопку с помощью следующих опций:
– Выберите тип ссылки. Вы можете добавить ссылку на веб-сайт, лендинг, вебинар, динамический контент, Email-адрес или номер телефона. В зависимости от типа ссылки, вам нужно будет ввести URL/Email/номер телефона, либо выбрать вариант из выпадающего меню.
– Измените текст кнопки. Это текст, который будет отображаться на самой кнопке.
– Выберите шрифт, размер, цвет и стиль шрифта.
– Выберите форму кнопки.
– Задайте цвет кнопки.
– Задайте размер кнопки.
– Выберите положение кнопки.
– Скройте блок в мобильной версии.

Развернув Расширенные параметры, вы сможете:
– Задать фоновый цвет для всего блока, содержащего кнопку.
– Добавить и изменить границу кнопки.
– Настроить радиус границы.
– Изменить размер кнопки.
– Изменить отступ (расстояние от кнопки до границы блока с кнопкой).

Видео

Добавление блока видео значительно увеличит заинтересованность подписчиков вашим сообщением. Видео – это отличный способ продвигать контент и привлекать внимание читателей. Вы можете использовать этот блок, чтобы направлять людей к вашему видео. Лучшей практикой является добавлять видео после текстовой части сообщений, чтобы не отвлекать читателей от основных пунктов сообщения.

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

Мы поддерживаем видео с YouTube и Vimeo .

Перенесите видео элемент на поле редактора из раздела Верстка >> Базовые блоки.

После того, как вы поместите блок, по правой стороне откроется его меню.

Введите URL видео и кликните Перейти.

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

Кроме того, вы можете развернуть Расширенные параметры, чтобы настроить:
– границу видео,
– радиус границы, позволяющий сделать её округлой,
– отступ (расстояние между видео и границей блока).

Интервал

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

Чтобы добавить интервал, перенесите блок из секции Верстка >> Базовые блоки туда, где необходимо добавить пробел.

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

Кроме того, в настройках в боковом меню вы можете:
– ввести высоту интервала,
– изменить цвет фона,
– скрыть блок в мобильной версии.

Разделитель

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

Перенесите разделить на поле редактора из секции Верстка >> Базовые блок. По правой стороне откроются параметры блока

Здесь вы можете настроить:
– Размер границы разделителя.
– Тип линии.
– Ширину разделителя.
– Цвет фона для всего блока.
– Отступ (расстояние между разделителем и границей блока). Обратите внимание, что увеличение отступа сделает границу короче. Вы можете настроить отступ индивидуально, чтобы избежать этого.
– Скрыть блок в мобильной версии.

Соцсети

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

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

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

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

Для опции Подписка это:
– Facebook,
– Twitter
– Instagram,
– YouTube.

Для опции Репост это:
– Facebook,
– Twitter,
– LinkedIn,
– Pinterest.

Вы также можете добавить больше соцсетей.

Для опции Подписка можно добавить:
– LinkedIn,
– Pinterest,
– VK.

Для опции Репост можно добавить:
– VK.

Вы можете управлять порядком соцсетей, перетаскивая их с помощью этой иконки:

Чтобы удалить иконку соцсети из сообщения, кликните иконку Х.

Для опции Подписка, чтобы настроить иконку соцсети, необходимо вставить ссылку на профиль. Когда кто-то кликнет эту иконку, он перейдёт на эту страницу. Клики по иконкам в рассылке отслеживаются.

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

Под настройками соцсетей вы найдёте параметры блока.

Эти параметры включают:
– Стиль значка (набор иконок здесь не отражает выбранные вами соцсети).
– Размер значка.
– Расположение значков (левый край, центр, правый край).
– (Для режима Репост) настройка стиля текста кнопки (шрифт, размер шрифта, цвет и стиль).
– Возможность скрыть блок в мобильной версии сообщения.

В Расширенных параметрах доступны:
– Смена цвета фона.
– Выбор интервала между значками.
– Настройка отступа (расстояние от значков до границ блока).

Примечание: Фон блока соцсетей является прозрачным. Чтобы изменить цвет его фона, необходимо изменить цвет фона столбца или секции, в которые он установлен.

Свой HTML

Свой HTML – это блок, который позволяет добавлять собственные настраиваемые элементы с помощью кода HTML или CSS.

Переместите блок на поле редактора из секции Верстка >> Базовые блоки и введите в него свой код. Вставляя код, убедитесь что текст копируется из редактора обычного текста, такого как Блокнот. Вставка кода из Microsoft Word может добавить ненужное форматирование в ваш код.

Больше информации о блоке Свой HTML доступно здесь.

Популярные ресурсы