Как создать ссылку «Добавить в календарь» для ваших писем

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

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

Существует несколько способов добавить ссылку на календарь в ваши письма. Самый простой способ — это использовать функцию «Добавить в календарь» в Litmus Personalize, которая позволяет создавать пользовательские ссылки на календарь всего за несколько кликов, чтобы подписчики могли действовать непосредственно из вашего письма. Но если у вас нет Litmus, не бойтесь. Ниже мы подробно расскажем вам весь процесс добавления в календарь из электронного письма шаг за шагом.

## Почему стоит использовать ссылки на календарь в email-кампаниях

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

Традиционно это делается с помощью файла ICS — также известного как iCalendar. Это распространенный формат календаря, который обычно имеет расширение файла .ics и широко принимается большинством календарей. Не путать с Apple iCal, у которого похожее название, хотя файлы iCalendar там тоже работают. Для ясности мы будем называть его файлом ICS или файлом календаря в этом посте.

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

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

## Шаг 1: Выберите, какие календари отслеживать

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

Чтобы помочь вам понять, на какие инструменты календаря стоит сосредоточиться, взгляните на данные вашей Email Analytics. Если вы находитесь в середине «Добавить в календарь» ссылка увеличивает посещаемость мероприятий, позволяя подписчикам сохранять детали мероприятия одним кликом, уменьшая трение и максимизируя вовлеченность. Различные платформы календаря требуют разных методов интеграции, при этом файлы ICS принимаются универсально, а прямые ссылки на календарь предлагают бесшовный опыт для пользователей Gmail, Outlook.com и Office 365. Персонализированные ссылки на календарь улучшают взаимодействие с пользователем, гарантируя, что подписчики могут легко добавлять события в нужный календарь в зависимости от их почтового клиента, что приводит к более высокой посещаемости и конверсии.

Litmus Personalize упрощает процесс, позволяя маркетологам создавать фирменные ссылки «Добавить в календарь» всего за несколько кликов, повышая автоматизацию и эффективность email-кампаний, ориентированных на события. Очные или виртуальные мероприятия направлены на то, чтобы узнать друг друга и учиться друг у друга. Поскольку электронная почта является таким личным каналом, это идеальный способ создать ажиотаж вокруг мероприятий и отправить важные напоминания о них. Это ваша возможность облегчить вашим подписчикам добавление важных событий, акций, вебинаров, встреч, распродаж любимой обуви — чего угодно, что вы можете себе представить — в их собственный календарь прямо из вашего письма с помощью персонализированных шаблонов писем. Существует несколько способов добавить ссылку на календарь в ваши письма. Самый простой способ — это использовать функцию «Добавить в календарь» в Litmus Personalize, которая позволяет создавать пользовательские ссылки на календарь всего за несколько кликов, чтобы подписчики могли действовать непосредственно из вашего письма. Но если у вас нет Litmus, не бойтесь.

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

Однако в Gmail, Office 365 и Outlook.com вы также можете добавлять события по ссылке, которая автоматически включает детали вашего события. Это приводит к лучшему восприятию подписчиком, поскольку для добавления вашего события в календарь требуется всего один клик.

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

### Метод «Добавить в календарь» по календарю

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

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

## Шаг 2: Сгенерируйте ссылку «Добавить в календарь»

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

### Как создавать файлы календаря ICS

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

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

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

### Как создавать ссылки на календарь

Для создания ссылок «Добавить в календарь» для календарей веб-почты мы предлагаем инструмент Calendar Links от Amit Agarwal. Он сгенерирует весь URL-адрес, который вам нужно будет включить в ваше письмо.

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

Вот почему хорошей практикой является создание файла календаря ICS в дополнение к ссылкам на календарь.

## Шаг 3: Кодируйте ссылки «Добавить в календарь» для вашего письма

Прежде чем перейти к самой интересной части (кодированию!), вам нужно решить, как вы будете отображать свою ссылку «Добавить в календарь».

### Определите, как отображать кнопку «Добавить в календарь»

Как мы упоминали ранее, традиционно существует несколько ссылок «Добавить в календарь» вместе с кнопкой файла ICS. При использовании динамических кнопок в качестве кнопок «Добавить в календарь» у вас есть два варианта:

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

**Показать все:** Вы можете использовать гибридную модель, в которой основная кнопка призыва к действию (CTA) персонализируется для почтового клиента каждого подписчика, и вы по-прежнему предоставляете альтернативные ссылки на календарь.

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

Отображение только одной ссылки не учитывает людей, таких как, ну, я. Я часто использовал свою рабочую электронную почту для подписки на рассылки, чтобы видеть, как они выглядят в Outlook. Но я хотел бы добавить мероприятие в свой личный календарь Gmail. Это может вызвать трудности у людей, если предоставляется только одна ссылка на календарь.

Второй вариант показа нескольких ссылок на календарь — отличный способ решить эту проблему.

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

### Создайте кнопки и ссылки CTA

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

Сначала получите файл ICS, созданный на шаге 2, с помощью инструмента iCalendar Event Maker. Затем загрузите его на серверы вашей компании, в систему управления контентом (CMS) или в медиатеку вашего почтового провайдера.

Теперь время строить кнопки. Существует множество способов создать кнопку HTML-письма; вы можете ознакомиться с нашим Ultimate Guide to Bulletproof Buttons, чтобы узнать о некоторых из них. В наши дни мы являемся поклонниками доступной кнопки Mark Robbins, поэтому вот пример, который вы можете использовать:

Затем создайте URL-адреса для ссылок на календарь других почтовых клиентов, которые вы планируете использовать, и поместите их под созданной вами кнопкой:

Outlook.com |

Office 365 |

Google |

AOL |

Yahoo

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

### Нацеливайтесь на нужную аудиторию с нужной ссылкой на календарь

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

**Профессиональный совет:** поместите каждую целевую CSS в свой собственный блок стилей, так как добавление их в основной блок стилей может нарушить таргетинг.

Так на какие почтовые клиенты вы можете ориентироваться?

* Gmail

* Office 365

* Outlook.com

* Yahoo/AOL

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

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

iCal file

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

#### Начните с по умолчанию

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

Затем мы добавим `` вокруг ссылки на файл ICS и добавим класс, чтобы мы могли скрыть его, когда отображается кнопка по умолчанию:

iCal file

Теперь, когда у нас есть классы, мы создадим блок стилей для скрытия и показа:

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

#### Gmail

Переходя к кнопке Google, мы добавляем класс к кнопке, чтобы мы могли ее отобразить:

И затем мы добавляем класс к `` и оборачиваем его вокруг ссылки Google, чтобы скрыть ее:

Google

Для блока стилей Gmail мы воспользуемся тем, что Gmail автоматически меняет doctype на ``. Это помещается рядом с элементом `