Обтекаемый текст вокруг изображения

0

В этой статье вы узнаете, как разместить текст вокруг изображения.

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

Обратите внимание:

  • Чтобы кампания отображалась красиво, используйте маленькие изображения шириной 100-300 пикселей.
  • В шаблонах перетаскивания можно разместить текст вокруг изображения только в контент блоках «Текст», «Блок теста» или «Футер». В пользовательских HTML-шаблонах картинка может быть обернута текстом в любом контент блоке, где присутствует текст и изображение.
  • Обязательно предварительно просмотрите и протестируйте свою кампанию перед отправкой. Некоторые почтовые клиенты, такие как Outlook, обрабатывают перенос текста не так, как другие.

Как вставить изображение и разместить вокруг него текст

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

  1. В разделе “Содержимое” (Content) в Campaign Builder нажмите “Дизайн электронной почты” (Design Email).
  2. На шаге “Дизайн” (Design) нажмите на существующий блок контента или перетащите новый элемент в макет.
  3. На панели редактирования нажмите на область текста, в которую вы хотите поместить изображение.
  4. Нажмите значок Content Studio на панели инструментов, чтобы выбрать изображение.
  • Чтобы использовать ранее загруженное изображение, нажмите на него и выберите “Вставить” (Insert).
  • Чтобы использовать файл с вашего компьютера, нажмите “Загрузить” (Upload), найдите нужный файл и нажмите “Открыть” (Open).
  • Чтобы использовать изображение, сохраненное в Интернете, нажмите на выпадающее меню рядом с “Загрузить”(Upload)  и выберите “Импортировать из URL” (Import from URL). Введите URL-адрес и нажмите “Импорт” (Import).

      5. На экране “Редактировать изображение” (Edit Image) нажмите “Показать параметры стиля изображения” (show image style options).

      6. Нажмите на выпадающее меню “Выравнивание” (Align) и выберите, расположение изображения слева, справа или в середине текста.

      7. Введите число в каждое из полей “Отступ” (Margin), чтобы добавить пространство между изображением и текстом.

      8. Нажмите “Сохранить и вставить изображение” (Save & Insert Image).

Если вам необходимо внести дополнительные изменения в параметры изображения или поля, дважды щелкните изображение на панели редактирования. Узнать больше о работе с изображениями в Mailchimp можно в этой статье нашего блога.

Подробно обо всех функциях, возможностях и особенностях Mailchimp вы узнаете в видео-тренинге “Большой курс по Mailchimp“. После прохождения тренинга выдается сертификат.