Як додати посилання на подію в календарі у лендінг

Ви можете додавати до лендінгів SendPulse посилання на захід з Google та інших календарів, щоб користувачі додавали події у свій календар. Наприклад, при бронюванні столика в ресторані або анонсах різних заходів — вебінарів, майстер-класів або початку акції в магазині.

У статті розглянемо, як згенерувати посилання в Google Календарі та Event Generator та додати його до лендингу трьома способами.

Щоб дані заходів Google Календаря були доступні для користувачів, зробіть його публічним. Для цього у верхньому правому куті натисніть на значок шестерні та виберіть «Налаштування» (Settings).

Зліва виберіть потрібний календар.

У вкладці «Дозволи на доступ до подій» (Access permissions for events) виберіть пункт «Зробити доступним для всіх» (Make available to public).

Вийдіть із налаштувань календаря. Натисніть «Створити» (Create) > «Подія» (Event).

Введіть назву заходу, виберіть дату, місцезнаходження тощо.

Щоб дані цього заходу, у тому числі його опис та назви прикріплених файлів, були доступними для перегляду будь-якому користувачеві, в налаштуваннях приватності виберіть пункт «Для всіх» (Public).

Натисніть «Зберегти» (Save).

Двічі клацніть по створеному заходу.

У меню «Інші дії» (More actions) виберіть «Опублікувати подію» (Publish event).

Скопіюйте посилання на подію.

Ви можете створювати посилання на події в інших сервісах, таких як Office 365, Yahoo Calendar, Microsoft Outlook, або скористатися генераторами посилань, наприклад, Event Generator.

Як створити файл ics для події в Google Календарі

Якщо ваші користувачі використовують офлайн календарі, ви можете створити файл ics і прикріпити посилання на нього до шаблону.

Ics файл можна відкрити наступними програмами та сервісами:

  • У Windows через Microsoft Outlook, Mozilla Sunbird, Microsoft Works, IBM Lotus Notes, eM Client, Novell GroupWise, Mozilla Thunderbird з плагіном Lightning, SeaMonkey з плагіном Lightning, ABC Amber iCalendar Converter.
  • У Mac OS через Apple iCal, Mozilla Sunbird, IBM Lotus Notes, Novell GroupWise, Mozilla Thunderbird з плагіном Lightning, SeaMonkey з плагіном Lightning.
  • У Linux через Mozilla Sunbird, Horde Kronolith, Claws Mail з плагіном vCalendar, IBM Lotus Notes, Evolution, Novell GroupWise, Mozilla Thunderbird з плагіном Lightning, SeaMonkey з плагіном Lightning.
  • Веб сервісами Google Calendar, Yahoo! Календар.

Створіть свій захід, як описано у пункті «Як створити посилання на подію в Google Календарі».

Зверніть увагу, що календар не обов'язково робити загальнодоступним, адже ви не ділитеся доступом до календаря онлайн, а відразу передаєте підписнику копію даних.

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

Натисніть «Експортувати календар» (Export calendar).

Потрібний файл ics експортується zip-архівом на комп'ютер.

Ви можете завантажити файл ics на будь-який файлообмінник і додати посилання до шаблону листа.

Розглянемо, як створити посилання з файлом ics на прикладі сервісу Event Generator .

Перейдіть на сторінку сервісу та заповніть усі поля з даними вашого заходу.

Перейдіть донизу та натисніть «Створити подію».

Сервіс створить два посилання: на ics календар та Google Календар.

Скопіюйте посилання на захід.

Виберіть свій сайт у розділі «Сайти» (Landing pages) та натисніть «Редагувати» (Edit), або створіть новий.

Ви можете додати посилання на подію в текст, кнопку або іконку. Розглянемо кожен із способів.

Спосіб 1. У текст

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

У полі «URL» введіть скопійоване посилання на подію.

Натисніть Save.

Спосіб 2. На кнопку

Додайте елемент «Кнопка» (Button) в потрібну частину лендінгу. Введіть текст кнопки та налаштуйте її зовнішній вигляд — розмір, форму та колір. У полі «Посилання» (Link) скопіюйте посилання на подію.

Спосіб 3. На іконку

Перетягніть елемент «Текст» (Text) в потрібну частину лендингу та видаліть стандартний текст. На панелі редагування тексту натисніть <>.

У вихідному коді текстового блоку потрібно додати посилання на іконку.

Вставте посилання на подію через тег <a> в атрибуті href .

Щоб відобразити іконку, вставте посилання на іконку в атрибуті scr тега <img> .

Ви також можете додати додаткові стилі для відображення іконок та параметрів роботи посилання:

  • target="_blank" — завантажує сторінку в новому вікні браузера;
  • rel="noopener" — усуває вразливість безпеки, яка може бути використана шкідливими сайтами.
<a href="/Посилання на Google Календар" target="_blank" rel="noopener">
<img style="width: 50px; height: 50px; margin: 0px 2px; padding: 0px;" src="https://s287333.sendpul.se/image/files/emailservice/userfiles/8b7773b53d909c8cab2b6c866f914096287333/calendar_icons/google-calendar.png" alt="Google" width="50" height="50" border="0" />
</a>

Натисніть «Ок». Іконка з'явиться у текстовому полі.

Як користувач може додати подію до календаря

Коли користувач відкриє сайт, то побачить посилання для додавання події в календар.

Після переходу на посилання користувач може кастомізувати подію: вказати нову назву, додати місце проведення, опис та інші дані.

Далі користувач натисне «Зберегти» (Save) та подія збережеться у його календарі.

Оцініть, наскільки стаття була корисною "Як додати посилання на подію в календарі у лендінг"

Оцінка: 4 / 5

    Почніть користуватися сервісом SendPulse прямо сьогодні