Мероприятия хора на собственном сайте

Мероприятия Вашего хора на любом сайте

У многих хоров уже есть собственный сайт - будь то сайт на WordPress, страница объединения или простая HTML-страница. Проблема в том, что мероприятия часто приходится вести в двух местах - один раз в Chorilo для внутренней организации и ещё раз на сайте для публики.

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

Как это работает

Интеграция предельно проста. Вам нужны всего две строки HTML-кода:

<!-- Chorilo Events Widget -->
<div data-chorilo-events="ваш-url-slug"></div>
<script src="https://backend.chorilo.com/embed/chorilo-events.js" async></script>

Замените ваш-url-slug на URL-slug Вашего публичного сайта Chorilo. Его можно найти в настройках сайта в поле «Путь в URL».

Где найти код для встраивания

Готовый код для копирования Вы найдёте прямо в Chorilo:

1. Перейдите в свой коллектив
2. Откройте настройки Публичный сайт
3. В разделе «Мероприятия» включите хотя бы один тип событий (репетиции, концерты или мероприятия)
4. Код для встраивания появится автоматически
5. Нажмите «Копировать» и вставьте код на свой сайт

Особенно удобно: предпросмотр виджета можно увидеть прямо в Chorilo, ещё до того как Вы разместите его на своём сайте.

Что отображается?

Виджет показывает все предстоящие события, которые Вы открыли в настройках мероприятий:

• Название события
• Дата и время в местном формате
• Место проведения
• Тип события в виде цветного значка (репетиция, концерт, мероприятие)
• Описание (по желанию, если включено в настройках)

Важно: отображается только публичное описание, а не внутреннее. Так Вы можете оставлять внутренние заметки вроде «Пожалуйста, возьмите ноты», а на сайте будет появляться только информация, предназначенная для публики.

Независимо от публичного сайта

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

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

Это не только экономит время на поддержку, но и предотвращает ошибки. Сколько раз бывало, что событие изменили во внутреннем плане, а обновить его на сайте забыли? С виджетом для встраивания это в прошлом. Каждое изменение в Chorilo сразу видно на Вашем сайте - и Вам не нужно даже пальцем пошевелить.

Простой современный дизайн

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

• Чёткая типографика с системными шрифтами
• Сдержанная цветовая гамма с Вашим цветом темы в качестве акцента
• Адаптивная вёрстка для любых размеров экрана
• Никаких мешающих рамок и перегруженных элементов

Технические подробности

Для тех, кто интересуется техникой: виджет реализован как самостоятельный JavaScript, которому не нужны никакие зависимости. Он:

• Загружается асинхронно, то есть не блокирует загрузку Вашей страницы
• Добавляет собственные CSS-стили, которые не влияют на Ваши существующие стили
• Получает события через публичный API
• Поддерживает несколько виджетов на одной странице
• Соответствует требованиям GDPR и не использует отслеживающие cookie

Примеры использования

Интеграция с WordPress

Просто вставьте код в HTML-блок или текстовый виджет. После этого виджет появится в нужном месте Вашего сайта на WordPress.

Сайт объединения

На главной странице Вашего объединения можно разместить виджет на видном месте, чтобы посетители сразу видели ближайшие события.

Страница мероприятий

Создайте отдельную подстраницу «Мероприятия» и встройте туда виджет, чтобы получить наглядный список событий.

Частые вопросы

Как часто обновляется виджет?

При каждом открытии страницы загружаются актуальные события. Если Вы измените событие в Chorilo, оно сразу станет видно на Вашем сайте.

Можно ли изменить дизайн?

Основной цвет задаётся цветом темы в настройках сайта. Дальнейшая настройка возможна с помощью собственного CSS.

Работает ли это на мобильных устройствах?

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

Нужно ли что-то устанавливать?

Нет, Вы просто вставляете HTML-код. JavaScript автоматически загружается с наших серверов.

Что будет, если событий нет?

В этом случае виджет покажет дружелюбное сообщение «Ближайших мероприятий нет».

Для слушателей концертов и новых участников

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

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

Особенно ценна возможность целенаправленно открывать разные типы событий. Хотите публично показывать только концерты? Без проблем. Нужно, чтобы были видны и репетиции, куда могут заглянуть заинтересованные? Это тоже настраивается в несколько кликов. Вы полностью контролируете, какие события появляются на Вашем сайте.

Итог: меньше работы, больше актуальности

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

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

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