# Начало работы с Drag & drop редактором

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

## Начало работы с Drag & drop редактором

<Steps>

1. **Настройте свое email-сообщение**

   Выберите языки отправки, напишите тему и прехедер. Получатели видят эти данные еще до того, как откроют email.
   
   [Узнать больше](/ru/product/content/email-content/drag-and-drop-email-editor/set-up-your-email-in-the-editor/)

2. **Создайте макет**

   Перетаскивайте блоки контента на холст — изображения, текст, кнопки, таймеры и многое другое. Персонализируйте текст с помощью Merge Tags или используйте [условия отображения](/ru/product/content/email-content/drag-and-drop-email-editor/show-content-to-specific-recipients/), чтобы показывать разные блоки разным получателям.
   
   [Узнать больше](/ru/product/content/email-content/drag-and-drop-email-editor/create-email-content-with-drag-and-drop-editor/)

3. **Стилизуйте email и настройте футер**

   Задайте шрифты, цвета и отступы, которые будут применяться ко всему email-сообщению. Добавьте название вашей компании, почтовый адрес и ссылку для отписки, чтобы email соответствовал закону CAN-SPAM.
   
   [Узнать больше](/ru/product/content/email-content/drag-and-drop-email-editor/configure-email-styling-and-footer/)

4. **Проверьте и сохраните**

   Переключитесь на мобильный вид, чтобы проверить, как email выглядит на небольших экранах. Запустите **Проверку**, чтобы выявить пропущенные поля или неработающие условия, а затем сохраните. [Узнать больше](/ru/product/content/email-content/drag-and-drop-email-editor/create-email-content-with-drag-and-drop-editor/#check-your-email-before-sending). Чтобы откатить изменения к более раннему сохранению, см. [Восстановить предыдущую версию](/ru/product/content/email-content/drag-and-drop-email-editor/create-email-content-with-drag-and-drop-editor/#restore-a-previous-version).

</Steps>

## Изучите доступные блоки

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

<LinkCard title="Справочник по блокам контента для email" href="/product/content/email-content/drag-and-drop-email-editor/blocks/" />

## Стилизуйте свое email-сообщение

Установите настройки по умолчанию для документа, типографики и цветов для всего email-сообщения, а также настройте соответствующий требованиям футер.

<LinkCard title="Настройка стилей и футера для всего email-сообщения" href="/product/content/email-content/drag-and-drop-email-editor/configure-email-styling-and-footer/" />

## Отображение контента для определенных получателей

Не каждый подписчик должен видеть одни и те же блоки. **Условия отображения** показывают или скрывают блок в зависимости от [Tags](/ru/product/audience-data-and-segmentation/user-data-tags/tags/) получателя, поэтому вы отправляете одно email-сообщение, но каждый человек видит только то, что относится к нему. Используйте одно условие, чтобы скрыть предложение от тех, кто не является участником, или объединяйте блоки в цепочку с помощью **Branch**, чтобы неактивные покупатели получали сообщение для их возвращения, а все остальные — обычное промо.

<LinkCard title="Отображение контента для определенных получателей" href="/product/content/email-content/drag-and-drop-email-editor/show-content-to-specific-recipients/" />

## Применяйте единый брендинг

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

<LinkCard title="Создание Brand book" href="/product/content/brand-book/" />

## Используйте сохраненный email-контент

После сохранения ваше email-сообщение появится в разделе **Контент** → **Email-контент**. Используйте его в разовой кампании или в Customer Journey.

<LinkCard title="Узнать больше об отправке email-сообщений" href="/product/messaging-channels/emails/sending-emails/" />