Как добавить оглавление в кампанию

0

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

Mailchimp предлагает два способа создания оглавления в кампании: 

  • С помощью мерж тега *|MC:TOC|* 
  • С помощью настраиваемых якорных ссылок. 

Мерж тег *|MC:TOC|* создает оглавление, в котором содержатся ссылки на заголовки в кампании. Якорные ссылки позволяют создавать собственное оглавление с настраиваемыми формулировками, стилем ссылок и форматированием.

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

  • Мерж тег *|MC:TOC|* и якорные ссылки поддерживаются не всеми почтовыми клиентами, и могут не работать так как нужно. В особенности это касается просмотра на мобильном устройстве. Тщательно проверяйте и тестируйте свою кампанию перед отправкой.
  • Мерж тег *|MC:TOC|* наследует стиль ссылок из этого раздела кампании. Чтобы изменить формат оглавления, переместите тег в другой раздел или используйте вместо него якорные ссылки.

Использование мерж тега *|MC:TOC|*

Мерж тег *|MC:TOC|* вставляет оглавление со ссылками на заголовки, которые вы выбираете. Сначала необходимо отформатировать текст заголовка, который будет отображаться в оглавлении. Затем добавить мерж тег *|MC:TOC|* в раздел кампании, где оно будет размещено.

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

Форматирование TOC Headings и TOC Titles

В первую очередь необходимо выбрать тип стиля заголовка TOC. Чтобы применить к тексту стандартный формат заголовка, выберите стиль оглавления в выпадающем меню. Если вы хотите вручную изменить внешний вид заголовка в теле кампании, выберите “Оглавление” (TOC title) и примените дополнительные стили. Обратите внимание, что внесенные здесь изменения не повлияют на внешний вид оглавления.

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

  1. В разделе “Контент” (Content) конструктора кампаний нажмите “Редактировать дизайн” (Edit Design). 
  2. На этапе “Дизайн” (Design) нажмите на текстовый контент-блок, содержащий заголовок, который вы хотите включить в оглавление.
  3. На панели редактирования выделите заголовок, который нужно отформатировать. Убедитесь, что ваш заголовок содержит текст. Мерж тег *|MC:TOC|* не сгенерирует ссылку на число.
  4. На панели инструментов редактора нажмите на выпадающее меню “Стили” (Styles) и выберите заголовок (TOC heading) или заголовок оглавления (TOC title). Если вы выбрали TOC title, используйте кнопки на панели инструментов, чтобы применить к заголовку дополнительные стили.
  5. Нажмите “Сохранить и закрыть” (Save & Close).
  6. Повторите эти шаги для каждого заголовка, который вы хотите включить в оглавление.

Добавление мерж тега оглавления

После форматирования заголовков содержимого добавьте мерж тег *|MC:TOC|* в любой текстовый контент-блок, чтобы вставить оглавление. Текст и стиль ссылок в оглавлении будут соответствовать разделу кампании, в котором они находятся. Их нельзя изменить. Если вам нужно их отформатировать, попробуйте вместо этого якорные ссылки.

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

  1. В разделе “Содержимое” (Content) конструктора кампаний нажмите “Дизайн электронного письма” (Design Email).
  2. Нажмите на текстовую область, в которую вы хотите добавить оглавление.
  3. Нажмите на выпадающее меню “Мерж теги” (Merge Tags) и выберите “Оглавление” (Table of Contents).
  4. Нажмите “Сохранить и закрыть” (Save & Close).

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

Добавление оглавления в пользовательский HTML-шаблон

Если вы создаете собственный шаблон HTML, то все равно можете использовать мерж тег *|MC:TOC|* для вставки оглавления. Просто убедитесь, что вы отформатировали каждый заголовок с помощью правильных тегов.

Сначала откройте исходный код шаблона и добавьте class = «title» или class = «mc-toc-title» в теги <span>, <div>, <h1> или <h2> заголовков, которые вы хотите отобразить в оглавлении. Эти классы не работают с тегами <h3> и <h4>, поэтому попробуйте вместо них теги <span>, если они вам нужны.

В форматируемых заголовках следует использовать один из примеров в этой таблице. Можно использовать любой тип класса.

title mc-toc-title
<span class=»title»> <span class=»mc-toc-title»>
<div class=»title»> <div class=»mc-toc-title»>
<h1 class=»title»> <h1 class=»mc-toc-title»>
<h2 class=»title»> <h2 class=»mc-toc-title»>

После редактирования тегов, необходимо добавить *|MC:TOC|* там, где необходимо отображение оглавления.

Использование якорных ссылок

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

Добавление якорных ссылок

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

  1. В разделе “Контент” (Content) конструктора кампаний нажмите “Редактировать дизайн” (Edit Design).
  2. На этапе “Дизайн” (Design) нажмите на текстовый контент-блок, содержащий заголовок, который вы хотите включить в оглавление.
  3. Поместите курсор в начало заголовка и нажмите на значок привязки на панели инструментов.
  4. Во всплывающем модальном окне “Свойства привязки” (Anchor Properties) введите имя привязки в поле “Имя привязки” (Anchor Name) и нажмите “ОК . Не используйте пробелы или специальные символы.
  5. Нажмите “ОК”.
  6. Повторите этот процесс для каждого заголовка, который вы хотите связать с оглавлением.

Форматирование оглавления

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

  1. Нажмите на текстовый контент-блок, в который нужно добавить оглавление.
  2. На панели редактирования введите текст оглавления.
  3. Выделите первый элемент и нажмите на значок “Ссылка” (Link) на панели инструментов. Выделите только текст, на который вы хотите создать ссылку. Избегайте пробелов вокруг элемента. Это будет полезно при дальнейшем форматировании текста.
  4. Во всплывающем модальном окне “Вставить или изменить ссылку” (Insert or Edit Link) нажмите на выпадающее меню “Ссылка на:” (Link to:) и выберите “Якорная ссылка” (Anchor Link).
  5. В выпадающем меню нажмите на “Выбрать привязку для ссылки” (Select An Anchor To Link To) и выберите имя якоря, на который этого элемент должен ссылаться.
  6. Нажмите “Дополнительные параметры” (Advanced Options) и снимите флажок “Открыть в новом окне” (Open in a new window).
  7. Нажмите “Вставить” (Insert).
  8. Повторите эти шаги для каждого элемента в оглавлении.

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

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

Тестирование и устранение неисправностей оглавления

Мерж тег *|MC:TOC|* и якорные ссылки поддерживаются не всеми почтовыми клиентами, и могут работать не корректно, когда кампания рассматривается на мобильном устройстве. Поэтому перед отправкой рекомендуется предварительно просмотреть и протестировать ее, а также отправить себе несколько тестовых писем. Чтобы увидеть, как различные почтовые клиенты будут отображать оглавление, воспользуйтесь инструментом предварительного просмотра папки “Входящие”. Подробнее о тестировании с предварительным просмотром папки “Входящие” можно узнать из этой статьи нашего блога. 

Если оглавление не отображается должным образом, возможно вы что-то упустили, например:

  • Если вы использовали мерж тег *|MC:TOC|* для создания оглавления, убедитесь, что текст заголовка отформатирован как TOC heading или TOC title. Чтобы проверить формат заголовка, выделите текст и нажмите на выпадающее меню “Стили” (Styles). Здесь вы увидите выбранный стиль.
  • Если вы импортируете пользовательский HTML шаблон для создания кампании, Mailchimp добавит в ваш код тег <base>, который может нарушить якорные ссылки. Чтобы решить эту проблему, необходимо отредактировать код, прежде чем импортировать его в Mailchimp. В редакторе HTML добавьте свой собственный пустой базовый тег, например <base href = «»> внутри элемента <head>, а затем импортируйте свой HTML-код. Если система обнаружит пустой тег <base> во время импорта, она не будет добавлять свой собственный.

Пустой тег <base>, который вы добавляете в свой HTML, должен выглядеть примерно так:

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