Главная страница Canva
Помощь

Добавьте контент и элементы дизайна


Эта статья была переведена с помощью машинного перевода. Сообщите нам, если найдете ошибки.

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

Основные блоки писем в Canva

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

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

Блоки дизайна

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

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

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

Шрифты для электронной почты

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

Кнопки

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

Изображения

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

Интерактивные элементы, такие как видео, опросы или викторины, не поддерживаются большинством почтовых платформ:

  • Видео будут преобразованы в GIF-файлы
  • Опросы и викторины будут отображаться как статический контент (не кликабельный)

Колонки

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

Добавление и настройка элементов

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

Выберите безопасные для электронной почты шрифты

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

  1. На панели инструментов нажмите кнопку Шрифт . На шрифте по умолчанию установлено Arial.
  2. На панели Шрифт выберите из списка безопасных для электронной почты шрифтов Canva.
  3. Вы можете настроить размер шрифта, нажав кнопки + / - на панели инструментов.

Для удобства чтения в электронных письмах используйте:

  • 14–16 пикселей для основного текста
  • 20–30 пикселей для заголовков и заголовков

Настроить интервалы между абзацами

Вы можете точно настроить интервалы между абзацами, строками и буквами в Canva Docs и продукте «Электронная почта Canva». Так ваши документы будет легче читать, а их оформление будет соответствовать вашим предпочтениям.

  1. Выделите текст, который нужно настроить.
  2. Выберите
    Расширенные настройки на панели инструментов для работы с текстом.
  3. Настройте Межабзацный интервал. Используйте ползунок или введите значение, чтобы задать интервал до и после абзацев.
  4. При необходимости настройте Межстрочный интервал и Межбуквенный интервал.

Добавить цвет фона

Добавьте фоновый цвет в дизайн, чтобы он соответствовал вашему бренду, или выделите определенные разделы. Выберите цвета из фирменного набора или цвета документа.

  1. Нажмите на угол страницы, чтобы выбрать ее.
  2. Выберите значок Цвет фона.
  3. На панели Color (Цвет) выберите цвет из Document colors (Цвета документа) или Brand Kit (Фирменный стиль).
  4. Если цвет, который вы ищете, недоступен, выберите + плитка цветов (Добавить новый цвет).

Добавить структуру со столбцами

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

  1. В макете электронной почты перейдите на вкладку «
    Элементы» и выберите «Столбцы».
    1. Выберите Основные столбцы, Стилизованные столбцы и Предварительно разработанные столбцы.
    2. Выберите, чтобы вставить тот, который соответствует вашему макету.
  2. Кроме того, нажмите
    значок плюса возле текстового курсора. Прокрутите вниз и выберите Столбцы.
    1. Выберите предпочтительный макет столбца (например, 2 или 3 столбца).
    2. Щелкните внутри каждого столбца, чтобы добавить текст, изображения или кнопки.
    3. Измените размер столбцов, перетащив разделитель между ними.

Настроить интервалы между блоками

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

  1. Выберите блок, который хотите настроить (изображение, макет или раздел).
  2. Выберите
    Интервалы на панели инструментов редактора.
  3. Используйте ползунки Интервалы между блоками , чтобы точнее настроить расстояние между блоками.

Добавить блоки дизайна (колонтитулы)

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

  • Header – разместите логотип и фирменные цвета в верхней части рассылки.
  • Нижний колонтитул. Включите контактные данные, ссылки для отказа от подписки или юридические оговорки внизу каждой кампании по электронной почте.
  1. Перейдите на вкладку «
    Элементы» и выберите «Колонтитулы ».
  2. Просмотрите и нажмите, чтобы вставить тот, который соответствует вашему макету.

Установите верхний или нижний колонтитул на краю дизайна

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

  1. Выберите блок верхнего или нижнего колонтитула в своем дизайне, чтобы выбрать его.
  2. На панели инструментов нажмите на значок
    Дополнительно.
  3. В меню выберите:
    • Установите вверху – чтобы переместить блок к верхнему краю письма.
    • Установите внизу – чтобы переместить его к нижнему краю. Примечание. Теперь ваш блок будет привязан к краю дизайнерского холста, чтобы макет был аккуратным и выровненным.

В некоторых готовых нижних колонтитулах электронной почты есть местозаполнитель «Отписаться». Эта ссылка не работает при экспорте дизайна в формате HTML.

Если вы отправляете электронное письмо через поставщика услуг электронной почты (ESP), например Mailchimp:

  • Вы должны добавить или заменить ссылку для отказа от подписки в своем ESP перед отправкой.
  • Это необходимо для соблюдения законов об электронной почте, таких как CAN-SPAM и GDPR.

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

Добавить блоки значков

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

  1. На боковой панели редактора выберите вкладку
    Elements (Элементы).
  2. Выберите Блоки значков.
  3. Выберите или перетащите блок значков туда, где это имеет смысл в вашем дизайне, обычно в нижний колонтитул или главный призыв к действию.
  4. На панели инструментов редактора выберите плитку цветов, которую вы хотите изменить. Вы увидите варианты цветов на боковой панели.
  5. Выберите новый цвет, который вы хотите применить к значку.

Кнопки добавления призыва к действию (CTA)

Кнопка призыва к действию (CTA) побуждает читателей совершить определенное действие, например «Купить сейчас», «Узнать больше» или «Зарегистрироваться». Добавление кнопки стимулирует вовлеченность и переходы по ссылкам в вашей электронной почте или дизайне.

  1. Чтобы добавить кнопку CTA:
    1. Перейдите на вкладку «
      Элементы» и выберите «Кнопки».
    2. Или нажмите
      значок плюса, а затем выберите Кнопка.
  2. Введите имя кнопки и добавьте URL-ссылку.
  3. Нажмите Готово.
  4. Настройте стиль кнопки на панели инструментов (измените цвет, выравнивание и т. д.).

добавить изображения

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

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

  1. На боковой панели редактора выберите вкладку
    Элементы для просмотра или поиска изображений.
  2. Чтобы использовать собственные изображения, перейдите на вкладку «
    Загрузки», а затем выберите «Загрузить файлы», чтобы добавить изображения с устройства.
  3. Выберите изображение, чтобы добавить его в свою электронную почту. Измените размер и расположите изображение по мере необходимости.

Теперь, когда контент добавлен, можно просмотреть письмо, скачать его или отправить тестовое письмо.

Следующий шаг: Проверьте письмо и экспортируйте его

Информация пригодилась?

Полезно

Не полезно

Пользователи также просматривали