{"id":9394,"date":"2026-03-19T11:58:48","date_gmt":"2026-03-19T10:58:48","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=9394"},"modified":"2026-06-02T12:05:00","modified_gmt":"2026-06-02T11:05:00","password":"","slug":"how-to-embed-calendars-in-a-website","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/how-to-embed-calendars-in-a-website\/","title":{"rendered":"How to embed calendars in a website?"},"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>Warning<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">This guide is <em><strong>not for ChurchTools Website<\/strong><\/em> customers, here the information is synchronized automatically. You can find more information on this in the article <a href=\"https:\/\/churchtools.academy\/en\/help\/website-and-finder\/first-steps-website\/what-options-are-there-for-importing-data-from-churchtools-to-the-website\/\">What options are there for importing data from ChurchTools to the Website?<\/a><\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">1. Open the <em>embed calendar dialog window<\/em><\/h2>\n\n\n\n<p>Click on the <em>&#8230;-menu<\/em> and here on <em>Embed Calendar<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"776\" height=\"472\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar.png\" alt=\"Screenshot Calendar three dot menu Embed Calendar\" class=\"wp-image-64500\" style=\"width:481px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar.png 776w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar-300x182.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar-768x467.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_three-dot-menu_Embed-Calendar-360x219.png 360w\" sizes=\"(max-width: 776px) 100vw, 776px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Select calendar<\/h2>\n\n\n\n<p>Select all the calendars you want to display on your website from your <em>congregation<\/em> and <em>group calendars<\/em>.<\/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>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">It only makes sense to include calendars on a website that are publicly visible (without ChurchTools Website Login). These are all <em><strong><a href=\"https:\/\/churchtools.academy\/help\/churchtools\/einstieg\/17-welche-unterschiedlichen-kalender-gibt-es\/\" data-type=\"docs\" data-id=\"7533\">calendars <\/a><\/strong><\/em>to which the <a href=\"https:\/\/churchtools.academy\/en\/help\/permissions-management\/basics-understanding-permissions\/what-is-the-person-not-logged-in\/\" data-type=\"link\" data-id=\"https:\/\/churchtools.academy\/de\/help\/rechteverwaltung\/grundlagen-rechteverwaltung-verstehen\/was-ist-die-nicht-eingeloggte-person\/\">&#8220;Person not logged in&#8221;<\/a> has access. <\/p>\n<\/aside>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Configuration-Church-and-Group-Calendar.png\"><img decoding=\"async\" width=\"504\" height=\"596\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Configuration-Church-and-Group-Calendar.png\" alt=\"Screenshot Calendar Embed Calendar Configuration Church and Group Calendar\" class=\"wp-image-64502\" style=\"width:320px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Configuration-Church-and-Group-Calendar.png 504w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Configuration-Church-and-Group-Calendar-254x300.png 254w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Configuration-Church-and-Group-Calendar-360x426.png 360w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Set Display<\/h2>\n\n\n\n<p>You can modify the <em>view<\/em> and the calendar information to be displayed directly in the settings dialog box on ChurchTools or using <a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-url-parameters\/\" id=\"7528\">URL parameters<\/a> and <a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-css-classes\/\" id=\"7527\">CSS classes<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Display-settings.png\"><img decoding=\"async\" width=\"502\" height=\"260\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Display-settings.png\" alt=\"Screenshot Calendar Embed Calendar Display settings\" class=\"wp-image-64505\" style=\"width:324px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Display-settings.png 502w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Display-settings-300x155.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Display-settings-360x186.png 360w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Embed calendar<\/h2>\n\n\n\n<p>Finally, copy the iFrame code and paste it into your website.<\/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>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">iFrames always have a fixed size that does not automatically adapt to the content. To enable automatic resizing of the iFrame to the content, ChurchTools uses an <em><strong>iFrame Resizer<\/strong><\/em> library. For the resizer to work, however, the library must also be installed in the website in which the iFrame is to be loaded. You can find the library and background information on installing it in a website <a href=\"https:\/\/github.com\/davidjbradshaw\/iframe-resizer\">here<\/a>.   <\/p>\n<\/aside>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Copy-Code.png\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"426\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Copy-Code.png\" alt=\" Screenshot Calendar_Embed Calendar Copy Code\" class=\"wp-image-64507\" style=\"width:347px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Copy-Code.png 500w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Copy-Code-300x256.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2026\/03\/Calendar_Embed-Calendar_Copy-Code-360x307.png 360w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/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\">Read more<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/how-to-embedded-calendars-be-customized-with-css\/\">How to embedded calendars be customized with CSS?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-how-to-filter-appointments-by-search-item-in-the-list-view-of-an-embedded-calendar\/\">How to filter the calendar appointments in the embedded list view of a calendar according to a search term?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/kalender-einbetten\/17-ressourcen-im-eingebetteten-kalender-ausblenden\/\">Hide resources in the embedded calendar<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>1. Open the embed calendar dialog window Click on the &#8230;-menu and here on Embed Calendar. 2. Select calendar Select all the calendars you want to display on your website from your congregation and group calendars. 3. Set Display You can modify the view and the calendar information to be displayed directly in the settings [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[470],"doc_tag":[689],"knowledge_base":[224],"class_list":["post-9394","docs","type-docs","status-publish","hentry","doc_category-embedding-calendars","doc_tag-screenshot-outdated","knowledge_base-churchtools-modules"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","pp_force_visibility":null,"pp_subpost_visibility":null,"pp_inherited_force_visibility":null,"pp_inherited_subpost_visibility":null,"acf":[],"year_month":"2026-06","word_count":111,"total_views":"2951","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Victoria Weidemann","author_nicename":"vweidemann","author_url":"https:\/\/churchtools.academy\/en\/author\/vweidemann\/"},"doc_category_info":[{"term_name":"Embedding Calendars","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/"}],"doc_tag_info":[{"term_name":"Screenshot outdated","term_url":"https:\/\/churchtools.academy\/en\/docs-tag\/screenshot-outdated\/"}],"knowledge_base_info":[{"term_name":"Modules","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/","term_slug":"churchtools-modules"}],"knowledge_base_slug":["churchtools-modules"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=9394"}],"version-history":[{"count":21,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9394\/revisions"}],"predecessor-version":[{"id":64512,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9394\/revisions\/64512"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=9394"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=9394"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=9394"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=9394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}