---
title: Wie bette ich Kalender in einer Webseite ein?
description: "**Achtung** Diese Anleitung ist ***nicht für ChurchTools-Website*** Kunden, hier werden die Informationen automatisch synchronisiert. Mehr Informationen dazu findest du im Artikel [Welche Möglichkeiten gibt es für den Datenimport aus ChurchTools auf die Website?](https://staging.churchtools.academy/de/help/website-und-finder/erste-schritte-website/22-welche-moglichkeiten-gibt-es-fur-die-einbindung-von-churchtools-auf-die-website/) ## 1. *Kalender einbetten*-Dialogfenster öffnen Klicke auf…"
url: "https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-bette-ich-kalender-in-einer-webseite-ein/"
updated: "2026-06-12"
category: Kalender / Kalender einbetten
tags:
  - Screenshot veraltet
---

# Wie bette ich Kalender in einer Webseite ein?

**Achtung**

Diese Anleitung ist ***nicht für ChurchTools-Website*** Kunden, hier werden die Informationen automatisch synchronisiert. Mehr Informationen dazu findest du im Artikel [Welche Möglichkeiten gibt es für den Datenimport aus ChurchTools auf die Website?](https://staging.churchtools.academy/de/help/website-und-finder/erste-schritte-website/22-welche-moglichkeiten-gibt-es-fur-die-einbindung-von-churchtools-auf-die-website/)

## 1. *Kalender einbetten*-Dialogfenster öffnen

Klicke auf das *...-Menü* und hier auf *Kalender einbetten*.

[![Screenshot Kalender einbetten im Kontextmenü des Kalendermoduls aufrufen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.48.28.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.48.28.png)

## 2. Kalender auswählen

Wähle aus euren *Gemeinde-* und *Gruppenkalendern* alle Kalender aus, die du auf deiner Website anzeigen möchtest.

**Hinweis**

Es ergibt nur Sinn, Kalender auf einer Website einzubinden, die öffentlich (ohne ChurchTools Login) sichtbar sind. Das sind alle ***[Kalender](https://staging.churchtools.academy/help/churchtools/einstieg/17-welche-unterschiedlichen-kalender-gibt-es/)***, auf die die ["Nicht-eingeloggte Person"](https://staging.churchtools.academy/de/help/rechteverwaltung/grundlagen-rechteverwaltung-verstehen/was-ist-die-nicht-eingeloggte-person/) Zugriff hat.

[![Screenshot Gemeinde- und Gruppenkalender zum Einbetten auswählen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.52.49.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.52.49.png)

## 3. Darstellung einstellen

Du kannst die *Ansicht* und die anzuzeigenden Kalenderinformationen direkt im Einstellungsdialogfeld auf ChurchTools oder mittels [URL Parametern](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-kalender-einbetten-url-parameter/) und [CSS Klassen](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-kalender-einbetten-css-klassen/) modifizieren.

[![Screenshot Ansicht und Einstellungen festlegen](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.54.43.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.54.43.png)

## 4. Kalender einbetten

Als letztes kopierst du den iFrame-Code und fügst diesen auf deiner Website ein.

**Hinweis**

iFrames haben grundsätzlich eine feste Größe, die sich nicht automatisch an den Inhalt anpasst. Um eine automatische Größenanpassung des iFrames an den Inhalt zu ermöglichen, verwendet ChurchTools eine ***iFrame Resizer*** Bibliothek. Damit der Resizer funktioniert, muss aber auch in der Website, in der das iFrame geladen werden soll, die Bibliothek eingebaut werden. Die Bibliothek und Hintergründe zum Einbau in einer Website findest du [hier](https://github.com/davidjbradshaw/iframe-resizer).

[![Screenshot iFrame zum Einbetten kopieren](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.56.14.png)](https://staging.churchtools.academy/wp-content/uploads/2026/03/CleanShot-2026-03-19-at-11.56.14.png)

## Artikel zum Weiterlesen

- [Wie können eingebettete Kalender mit CSS angepasst werden?](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden/)
- [Wie filtere ich die Kalendertermine in der eingebetteten Listenansicht eines Kalenders nach einem Suchbegriff?](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-wie-filtere-ich-die-kalendertermine-in-der-eingebetteten-listenansicht-eines-kalenders-nach-einem-suchbegriff/)
- [Ressourcen im eingebetteten Kalender ausblenden](https://staging.churchtools.academy/de/help/churchtools-module/kalender-einbetten/17-ressourcen-im-eingebetteten-kalender-ausblenden/)