Создание контента для email в drag-and-drop-редакторе

Drag-and-drop-редактор для email позволяет легко создавать письма без навыков программирования или дизайна. Он предлагает широкий спектр элементов контента и макетов, адаптированных к вашим конкретным требованиям.

В drag-and-drop-редакторе вы можете начать с нуля или выбрать один из множества готовых шаблонов. Есть готовые шаблоны для распространенных сценариев, таких как брошенные корзины, напоминания о встрече, подтверждения заказа и повторное вовлечение. Вы можете легко редактировать и настраивать эти шаблоны под свои нужды.

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

Drag-and-drop-редактор состоит из четырех ключевых вкладок:

Эта вкладка позволяет создавать макет письма, вставляя различные элементы контента.

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

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

Эта вкладка позволяет искать стоковые изображения или создавать уникальные изображения с помощью ИИ.

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

Drag-and-drop-редактор позволяет гибко настраивать макет письма в соответствии с вашими потребностями. Вы можете добавлять столько строк, сколько вам нужно, с разным количеством колонок.

Чтобы создать макет письма, перетащите блоки с панели редактора в тело письма.

На вкладке Блоки вы можете указать свойства как для колонок, так и для строк.

Для Колонок вы можете настроить следующее:

• Цвет фона
• Отступы
• Граница

Для Строк вы можете указать следующее:

• Цвет фона
• Цвет фона контента
• Фоновое изображение. Вы можете загрузить изображение, выбрать его из библиотеки стоковых фотографий или указать URL пользовательского изображения.

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

На вкладке Контент вы можете вставлять в свое письмо различные элементы контента, в том числе:

• Заголовок
• Текст
• Изображение
• Кнопка
• HTML
• Разделитель
• Меню
• Ссылка для отписки

Чтобы включить эти элементы контента в ваше письмо, просто выберите элемент из меню и перетащите его в тело письма слева.

Чтобы вставить заголовок, просто перетащите элемент Заголовок в тело письма.

Вы можете написать свой заголовок или использовать наш AI-инструмент “Умные заголовки” для помощи в создании эффективных заголовков. Для этого нажмите Получить предложения и введите несколько слов, и инструмент предложит различные варианты заголовков.

Кроме того, вы можете выбрать желаемый тон для вашего заголовка.

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

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

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

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

• Уровень заголовка
• Семейство, начертание и размер шрифта
• Цвет текста
• Выравнивание текста
• Высота строки
• Стили ссылок
• Отступы
• Адаптивный дизайн и многое другое.

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

Когда вы нажимаете на текст, появляется панель инструментов с опциями для форматирования текста.

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

Чтобы улучшить качество вашего текста с помощью ИИ, выберите “Умный текст” на панели инструментов и выберите конкретный способ, которым вы хотите, чтобы ИИ помог вам с текстом.

Чтобы вставить элемент изображения в ваше письмо, перетащите элемент Изображение в нужное место в вашем письме.

У вас есть несколько вариантов добавления изображения:

• Чтобы загрузить изображение, нажмите Загрузить изображение на правой панели.
• Добавьте ссылку на изображение, которое вы хотите использовать, в поле URL изображения.
• Чтобы выбрать изображение из стоковых фотографий, нажмите Больше изображений, а затем выберите Стоковые фото, чтобы найти нужное фото.

• Вы также можете использовать AI-инструмент “Волшебные изображения” для создания нужных вам уникальных изображений.

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

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

Чтобы включить кнопку в ваше письмо, перетащите элемент Кнопка с правой панели редактора.

Вы можете либо ввести свой собственный текст для кнопки, либо воспользоваться AI-инструментом “Умные кнопки” для генерации текста.

Далее укажите тип действия для кнопки при нажатии, а также укажите URL и целевую вкладку.

Кроме того, у вас есть возможность настроить параметры кнопки, отступы и настройки адаптивного дизайна.

Вы также можете встроить HTML-код в ваше письмо. Для этого перетащите элемент HTML влево и вставьте код в поле HTML на правой панели.

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

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

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

Чтобы добавить разделитель, перетащите элемент Разделитель с правой панели и настройте его внешний вид.

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

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

• Открыть сайт
• Ссылка на веб-версию
• Не отслеживать статистику
• Ссылка для отписки

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

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

Установите опцию Цель, чтобы определить, как откроется ссылка:

• Новая вкладка: Ссылка открывается в новой вкладке браузера.
• Та же вкладка: Ссылка заменяет текущую страницу в той же вкладке.

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

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

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

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

Если вы хотите включить отписку напрямую через HTML в ваше письмо, добавьте Ссылку для отписки в ваше письмо следующим образом:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Отписаться </a>

Значение атрибута %%PW_EMAIL_UNSUBSCRIBE%% будет заменено на ссылку для отписки Pushwoosh в момент отправки email-сообщения. Когда получатели переходят по ссылке, они отписываются от ваших писем и учитываются в показателе отписок для данного конкретного сообщения в Истории сообщений.

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

Вот как создать пользовательскую ссылку для отписки:

1. Выделите текст, который вы хотите использовать как ссылку для отписки.
2. Нажмите на значок Ссылка на панели инструментов форматирования.
3. Во всплывающем окне выберите опцию Ссылка для отписки из выпадающего меню Тип действия.

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

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

1. После завершения работы над блоком нажмите на опцию Сохранить блок.

2. Во всплывающем окне введите название категории для организации ваших блоков (например, “Акции”, “Рассылки”). Добавьте релевантные Теги, разделенные запятыми (например, “распродажа, скидка, лето”), чтобы помочь классифицировать и искать ваши блоки.

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

Теперь вы можете получить доступ к своим сохраненным блокам в разделе Блоки редактора писем. Это позволяет легко повторно использовать контент в различных email-кампаниях.

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

На вкладке Изображения у вас есть доступ к обширной библиотеке изображений с Unsplash, Pexels и Pixabay, все из которых лицензированы под Creative Commons Zero. Вы также можете создавать собственные изображения с помощью инструмента “Волшебные изображения”.

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

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

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

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

Теперь, когда контент вашего письма готов, его можно использовать в email-кампаниях. Узнайте больше о том, как его использовать

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

Чтобы отправить тестовое письмо, нажмите Тестовое письмо в редакторе писем.

В открывшемся окне:

1. В поле Email-адрес введите email-адрес, на который вы хотите получить тестовое письмо.

Если KYC не была пройдена, вам нужно будет выбрать верифицированный email-адрес из списка тестовых адресов вместо ввода email.

2. Если ваше письмо содержит динамический контент (плейсхолдеры для персонализированных данных), добавьте примеры значений для целей тестирования.

Например:

• Age (integer): Введите число для представления плейсхолдера возраста (например, 21).
• FirstName (string): Введите пример имени (например, David).

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

3. После того как вы заполнили необходимые данные, нажмите Отправить тестовое письмо, чтобы отправить тестовое сообщение на указанный email-адрес.