Вбудуйте свій календар на власний вебсайт

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

Візьміть готовий фрагмент коду в розділі календаря Керувати → Вбудувати або складіть його самостійно з наведених нижче прикладів.

Фрагмент коду

Вставте це туди, де хочете, щоб з'явився календар. Замініть your-calendar на адресу свого календаря (частину після /c/ в його URL).

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-calendar"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Скрипт embed.js змушує календар сам змінювати розмір, щоб відповідати своєму вмісту, тож ніколи немає внутрішньої смуги прокрутки чи порожнього простору під ним. Додайте його один раз на сторінку, навіть якщо ви вбудовуєте кілька календарів.

Налаштування календаря

Додавайте опції до URL src як параметри запиту — наприклад …/embed/c/your-calendar?view=week&theme=dark.

Параметр	Значення	Що робить
`locale`	`en`, `sk`, `uk`, …	Мова віджета
`view`	`month`, `week`, `day`, `list`	Який вигляд відкривати
`tz`	напр. `Europe/Bratislava`	Часовий пояс для відображення часу
`theme`	`light`, `dark`	Примусово світла або темна тема (за замовчуванням: слідує за відвідувачем)
`accent`	`%23rrggbb`	Змінити акцентний колір (пишіть `#` як `%23`)
`bg`	`transparent`, `%23rrggbb`	Фон картки — `transparent` зливається з вашою сторінкою

Темний словацький календар, що відкривається на вигляді тижня:

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-calendar?locale=sk&view=week&theme=dark"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Корисно знати

Віджет показує лише публічні події — приватні та неопубліковані події ніколи не з'являються.
Кожна подія веде на свою повну сторінку в Cloomba у новій вкладці; реєстрація та вхід відбуваються там.
Початкове значення height — це лише запасний варіант на момент до завантаження скрипта — після цього віджет сам визначає свій розмір.