{"id":7535,"date":"2026-03-19T11:58:48","date_gmt":"2026-03-19T10:58:48","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=7535"},"modified":"2026-03-19T11:59:31","modified_gmt":"2026-03-19T10:59:31","password":"","slug":"wie-bette-ich-kalender-in-einer-webseite-ein","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-bette-ich-kalender-in-einer-webseite-ein\/","title":{"rendered":"Wie bette ich Kalender in einer Webseite ein?"},"content":{"rendered":"\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#ef4444;border-left-width:0.5rem;background-color:#fee2e2;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Achtung<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Diese Anleitung ist <em><strong>nicht f\u00fcr ChurchTools-Website<\/strong><\/em> Kunden, hier werden die Informationen automatisch synchronisiert. Mehr Informationen dazu findest du im Artikel <a href=\"https:\/\/churchtools.academy\/de\/help\/website-und-finder\/erste-schritte-website\/22-welche-moglichkeiten-gibt-es-fur-die-einbindung-von-churchtools-auf-die-website\/\">Welche M\u00f6glichkeiten gibt es f\u00fcr den Datenimport aus ChurchTools auf die Website?<\/a><\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">1. <em>Kalender einbetten<\/em>-Dialogfenster \u00f6ffnen<\/h2>\n\n\n\n<p>Klicke auf das <em>&#8230;-Men\u00fc<\/em> und hier auf <em>Kalender einbetten<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.48.28.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"473\" height=\"313\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.48.28.png\" alt=\"Screenshot Kalender einbetten im Kontextmen\u00fc des Kalendermoduls aufrufen\" class=\"wp-image-53629\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.48.28.png 473w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.48.28-300x199.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.48.28-360x238.png 360w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Kalender ausw\u00e4hlen<\/h2>\n\n\n\n<p>W\u00e4hle aus euren <em>Gemeinde-<\/em> und <em>Gruppenkalendern<\/em> alle Kalender aus, die du auf deiner Website anzeigen m\u00f6chtest.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Hinweis<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Es ergibt nur Sinn, Kalender auf einer Website einzubinden, die \u00f6ffentlich (ohne ChurchTools Login) sichtbar sind. Das sind alle <em><strong><a href=\"https:\/\/churchtools.academy\/help\/churchtools\/einstieg\/17-welche-unterschiedlichen-kalender-gibt-es\/\" data-type=\"docs\" data-id=\"7533\">Kalender<\/a><\/strong><\/em>, auf die die <a href=\"https:\/\/churchtools.academy\/de\/help\/rechteverwaltung\/grundlagen-rechteverwaltung-verstehen\/was-ist-die-nicht-eingeloggte-person\/\" data-type=\"link\" data-id=\"https:\/\/churchtools.academy\/de\/help\/rechteverwaltung\/grundlagen-rechteverwaltung-verstehen\/was-ist-die-nicht-eingeloggte-person\/\">&#8222;Nicht-eingeloggte Person&#8220;<\/a> Zugriff hat.<\/p>\n<\/aside>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.52.49.png\"><img decoding=\"async\" width=\"320\" height=\"532\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.52.49.png\" alt=\"Screenshot Gemeinde- und Gruppenkalender zum Einbetten ausw\u00e4hlen\" class=\"wp-image-53917\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.52.49.png 320w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.52.49-180x300.png 180w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.52.49-308x512.png 308w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Darstellung einstellen<\/h2>\n\n\n\n<p>Du kannst die <em>Ansicht<\/em> und die anzuzeigenden Kalenderinformationen direkt im Einstellungsdialogfeld auf ChurchTools oder mittels <a type=\"docs\" href=\"https:\/\/churchtools.academy\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-url-parameter\/\" id=\"7528\">URL Parametern<\/a> und <a type=\"docs\" href=\"https:\/\/churchtools.academy\/help\/churchtools-module\/kalender-einbetten\/17-kalender-einbetten-css-klassen\/\" id=\"7527\">CSS Klassen<\/a> modifizieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.54.43.png\"><img decoding=\"async\" width=\"325\" height=\"171\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.54.43.png\" alt=\"Screenshot Ansicht und Einstellungen festlegen\" class=\"wp-image-54023\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.54.43.png 325w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.54.43-300x158.png 300w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Kalender einbetten<\/h2>\n\n\n\n<p>Als letztes kopierst du den iFrame-Code und f\u00fcgst diesen auf deiner Website ein.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Hinweis<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">iFrames haben grunds\u00e4tzlich eine feste Gr\u00f6\u00dfe, die sich nicht automatisch an den Inhalt anpasst. Um eine automatische Gr\u00f6\u00dfenanpassung des iFrames an den Inhalt zu erm\u00f6glichen, verwendet ChurchTools eine <em><strong>iFrame Resizer<\/strong><\/em> 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\u00fcnde zum Einbau in einer Website findest du <a href=\"https:\/\/github.com\/davidjbradshaw\/iframe-resizer\">hier<\/a>.<\/p>\n<\/aside>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.56.14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"286\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.56.14.png\" alt=\"Screenshot iFrame zum Einbetten kopieren\" class=\"wp-image-54096\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.56.14.png 327w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/CleanShot-2026-03-19-at-11.56.14-300x262.png 300w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/a><\/figure>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-89fd719a wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Artikel zum Weiterlesen<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/wie-konnen-eingebettete-kalender-mit-css-angepasst-werden\/\">Wie k\u00f6nnen eingebettete Kalender mit CSS angepasst werden?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-wie-filtere-ich-die-kalendertermine-in-der-eingebetteten-listenansicht-eines-kalenders-nach-einem-suchbegriff\/\">Wie filtere ich die Kalendertermine in der eingebetteten Listenansicht eines Kalenders nach einem Suchbegriff?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-ressourcen-im-eingebetteten-kalender-ausblenden\/\">Ressourcen im eingebetteten Kalender ausblenden<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>1. Kalender einbetten-Dialogfenster \u00f6ffnen Klicke auf das &#8230;-Men\u00fc und hier auf Kalender einbetten. 2. Kalender ausw\u00e4hlen W\u00e4hle aus euren Gemeinde- und Gruppenkalendern alle Kalender aus, die du auf deiner Website anzeigen m\u00f6chtest. 3. Darstellung einstellen Du kannst die Ansicht und die anzuzeigenden Kalenderinformationen direkt im Einstellungsdialogfeld auf ChurchTools oder mittels URL Parametern und CSS Klassen [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[278],"doc_tag":[269],"knowledge_base":[172],"class_list":["post-7535","docs","type-docs","status-publish","hentry","doc_category-kalender-einbetten","doc_tag-screenshot-veraltet","knowledge_base-churchtools-module"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":103,"total_views":"3530","reactions":{"happy":"0","normal":"0","sad":"3"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/de\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Kalender einbetten","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/"}],"doc_tag_info":[{"term_name":"Screenshot veraltet","term_url":"https:\/\/churchtools.academy\/de\/docs-tag\/screenshot-veraltet\/"}],"knowledge_base_info":[{"term_name":"Module","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/","term_slug":"churchtools-module"}],"knowledge_base_slug":["churchtools-module"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/comments?post=7535"}],"version-history":[{"count":9,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7535\/revisions"}],"predecessor-version":[{"id":54197,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7535\/revisions\/54197"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7535"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7535"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7535"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}