Як додати посилання на подію в календарі у лендінг
Ви можете додавати до лендінгів SendPulse посилання на захід з Google та інших календарів, щоб користувачі додавали події у свій календар. Наприклад, при бронюванні столика в ресторані або анонсах різних заходів — вебінарів, майстер-класів або початку акції в магазині.
У статті розглянемо, як згенерувати посилання в Google Календарі та Event Generator та додати його до лендингу трьома способами.
Як створити посилання на подію в Календарі Google
Щоб дані заходів 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 для події
Розглянемо, як створити посилання з файлом 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) та подія збережеться у його календарі.
Оновлено: 29.05.2024
або