{"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":"2025-12-05T13:01:29","modified_gmt":"2025-12-05T12:01:29","password":"","slug":"how-to-embed-a-calendar-on-your-website","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/how-to-embed-a-calendar-on-your-website\/","title":{"rendered":"How to embed a calendar on your website"},"content":{"rendered":"\n<aside class=\"wp-block-group ct-box ct-box-blue has-text-color has-background has-link-color wp-elements-80af7bfe1f2cac9aad48f56ff78dd877 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:#e7c000;border-left-width:0.5rem;color:#3f3400;background-color:#ffe5644d;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\">These instructions are <strong>not<\/strong> for <em>ChurchTools Website<\/em> customers, here the information is synced automatically.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">1. <em>Open embed calendar<\/em> dialog box<\/h2>\n\n\n\n<p>You can find the button in the lower right corner in the calendar view.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-1024x591.png\" alt=\"Calendar - Embed Calendar\" class=\"wp-image-41608\" style=\"width:698px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-1024x591.png 1024w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-300x173.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-768x444.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-1536x887.png 1536w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-2048x1183.png 2048w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calender2-360x208.png 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Select calendars<\/h2>\n\n\n\n<p>Select all calendars you want to display on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Configuration-embedded-calendar_Church-calendar.png\"><img decoding=\"async\" width=\"578\" height=\"632\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Configuration-embedded-calendar_Church-calendar.png\" alt=\"Calendar - Configuration embedded calendar - Church calendar\" class=\"wp-image-41611\" style=\"width:363px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Configuration-embedded-calendar_Church-calendar.png 578w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Configuration-embedded-calendar_Church-calendar-274x300.png 274w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Configuration-embedded-calendar_Church-calendar-360x394.png 360w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/a><\/figure>\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 which are publicly visible (without ChurchTools login). These are all <em><strong><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/basics-calendar\/13-what-different-types-of-calendars-exist\/\" data-type=\"docs\" data-id=\"9406\">calendars<\/a><\/strong><\/em> that the <em><strong><a href=\"https:\/\/help.church.tools\/wiki\/21\/What%20is%20the%20Public%20User%3F\"><\/a><a href=\"https:\/\/churchtools.academy\/en\/help\/permissions-management\/basics-understanding-permissions\/21-what-is-the-public-user\">Person not logged in<\/a><\/strong><\/em> has access to.<\/p>\n<\/aside>\n\n\n\n<h2 class=\"wp-block-heading\">3. Set display<\/h2>\n\n\n\n<p>You can modify the appearance and the calendar information to be displayed directly via the settings in ChurchTools or using <em><strong><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-url-parameters\/\" data-type=\"docs\" data-id=\"9383\">URL parameters<\/a><\/strong><\/em> and <em><strong><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-embed-calendar-css-classes\/\" data-type=\"docs\" data-id=\"9382\">CSS classes<\/a><\/strong><\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calendar_Configuration-Display.png\"><img decoding=\"async\" width=\"584\" height=\"938\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calendar_Configuration-Display.png\" alt=\"Calendar - Embed Calendar - Configuration Display\" class=\"wp-image-41615\" style=\"width:367px;height:auto\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calendar_Configuration-Display.png 584w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calendar_Configuration-Display-187x300.png 187w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/Calendar_Embed-Calendar_Configuration-Display-319x512.png 319w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4.Embed the calendar<\/h2>\n\n\n\n<p>Lastly, copy and paste the iFrame code onto your website.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"369\" height=\"732\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-298.png\" alt=\"Calendar - Embed Calendar - Code for embedding copy\" class=\"wp-image-16041\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-298.png 369w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-298-151x300.png 151w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-298-258x512.png 258w\" sizes=\"(max-width: 369px) 100vw, 369px\" \/><\/figure>\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\">To make the embedded calendar automatically resize on the website, ChurchTools uses the library <em><strong><a href=\"https:\/\/github.com\/davidjbradshaw\/iframe-resizer\">iFrame Resizer<\/a><\/strong><\/em> by David J. Bradshaw.<\/p>\n<\/aside>\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\/13-how-to-hide-the-resources-in-an-embedded-calendar\/\" data-type=\"docs\" data-id=\"9397\">How to hide the resources in an embedded calendar<\/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\/\" data-type=\"docs\" data-id=\"9395\">How to filter appointments by search item in the list view of an embedded calendar<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/13-how-to-customize-embedded-calendars-using-css\/\" data-type=\"docs\" data-id=\"9393\">How to customize embedded calendars using CSS<\/a><\/li>\n<\/ul>\n<\/aside>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Open embed calendar dialog box You can find the button in the lower right corner in the calendar view. 2. Select calendars Select all calendars you want to display on your website. 3. Set display You can modify the appearance and the calendar information to be displayed directly via the settings in ChurchTools or [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[470],"doc_tag":[527,689],"knowledge_base":[224],"class_list":["post-9394","docs","type-docs","status-publish","hentry","doc_category-embedding-calendars","doc_tag-link-missing","doc_tag-screenshot-outdated","knowledge_base-churchtools-modules"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":104,"total_views":"2702","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jasper Stehmeier","author_nicename":"jstehmeier","author_url":"https:\/\/churchtools.academy\/en\/author\/jstehmeier\/"},"doc_category_info":[{"term_name":"Embedding Calendars","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/embedding-calendars\/"}],"doc_tag_info":[{"term_name":"link missing","term_url":"https:\/\/churchtools.academy\/en\/docs-tag\/link-missing\/"},{"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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=9394"}],"version-history":[{"count":10,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9394\/revisions"}],"predecessor-version":[{"id":42854,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9394\/revisions\/42854"}],"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}]}}