{"id":1963802,"date":"2025-02-20T01:36:57","date_gmt":"2025-02-20T06:36:57","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1963802"},"modified":"2025-02-20T01:36:58","modified_gmt":"2025-02-20T06:36:58","slug":"calendar-embed-block","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/calendar-embed-block\/","title":{"rendered":"Calendar Embed Block"},"content":{"rendered":"\n<p>One of the popular features of <strong>Events Calendar Pro<\/strong> is the <a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/embedding-calendar-views-with-the-tribe_events-shortcode\/\"><code>[tribe_events]<\/code> shortcode<\/a>, which enables you to insert a calendar\u2014with various customizable attributes\u2014into any page or post on your website.<\/p>\n\n\n\n<p>While shortcodes are useful, determining the correct combination of attributes and implementing them accurately can be cumbersome. To make the use of this functionality easier and faster, we have created a new block called Calendar Embed. <\/p>\n\n\n\n<p>Now you can search and insert Calendar Embed block into your pages\/posts.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Screen-Recording-2024-12-26-at-11.04.38.73-AM.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The Embed Calendar block has four settings groups:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display Options<\/li>\n\n\n\n<li>Category Settings<\/li>\n\n\n\n<li>Attribute Filters<\/li>\n\n\n\n<li>Bar Toggles<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-display-options\">Display Options<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"339\" height=\"679\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.12.15-AM.jpeg\" alt=\"\" class=\"wp-image-1963805\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.12.15-AM.jpeg 339w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.12.15-AM-150x300.jpeg 150w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>View:<\/strong>&nbsp;you have the option to display events as a list, as a full calendar month, by a single day, in a summary (compressed list), photo view (shown above), by week, or on a map. These views provide you with a lot of options for displaying your calendar\/events in different areas of your website.<\/li>\n\n\n\n<li><strong>Date:<\/strong>&nbsp;the date setting allows you to choose a starting date for the calendar. For example, if I have an event on October 6th and set the date to the 8th, it will omit the event on the 6th and show everything after the start date I set.<\/li>\n\n\n\n<li><strong>Featured<\/strong>: toggling this on means only featured events will be shown.<\/li>\n\n\n\n<li><strong>Past Events:<\/strong>&nbsp;toggling this on means past events will show up, assuming the start date is also set in the past.<\/li>\n\n\n\n<li><strong>Events Per Page:<\/strong>&nbsp;maximum number of events that will be displayed per page.<\/li>\n\n\n\n<li><strong>Month Events Per Page:<\/strong>&nbsp;maximum number of events from a single month that will be displayed.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-category-settings\">Category Settings<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"742\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.14.10-AM-1.png\" alt=\"\" class=\"wp-image-1963810\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.14.10-AM-1.png 327w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.14.10-AM-1-132x300.png 132w\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select\/Exclude Event Categories:<\/strong>&nbsp;the top two settings give you the ability to select the event categories you want to include or exclude from the embeded calendar.<\/li>\n\n\n\n<li><strong>Select\/Exclude Event Tags<\/strong>: the tag settings give you the ability to choose the event tags you would like to include or exclude from the embeded calendar.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-attributes-filters\">Attributes Filters<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"768\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.16.11-AM.jpeg\" alt=\"\" class=\"wp-image-1963807\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.16.11-AM.jpeg 363w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.16.11-AM-142x300.jpeg 142w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Keyword:<\/strong>&nbsp;this allows you to select a keyword as a filter from an event\u2019s title, like \u201cfall\u201d in the example above. In that case, it would exclude the \u201cHalloween Bash\u201d and \u201cFriendsgiving Feast\u201d since they don\u2019t have \u201cfall\u201d in the title.<\/li>\n\n\n\n<li><strong>Select Authors\/Organizers\/Venues:<\/strong>&nbsp;these settings allow you to filter which events are shown by authors, organizers, or venues.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-bar-toggles\">Bar Toggles<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"764\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.17.19-AM.jpeg\" alt=\"\" class=\"wp-image-1963808\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.17.19-AM.jpeg 373w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/12\/Image-2024-12-26-at-11.17.19-AM-146x300.jpeg 146w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Search Bar:<\/strong>&nbsp;this setting allows you to toggle the search bar of the calendar on or off.<\/li>\n\n\n\n<li><strong>Filter Bar:<\/strong>&nbsp;if you have the filter bar add-on, this setting allows you to toggle it on or off.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the popular features of Events Calendar Pro is the [tribe_events] shortcode, which enables you to insert a calendar\u2014with various customizable attributes\u2014into any page or post on your website. While shortcodes are useful, determining the correct combination of attributes and implementing them accurately can be cumbersome. To make the use of this functionality easier&#8230;<\/p>\n","protected":false},"author":27,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[114,61],"tags":[105],"stellar-product-taxonomy":[158],"class_list":["post-1963802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-calendar-widgets","category-events-features","tag-widgets","stellar-product-taxonomy-events-calendar-pro"],"acf":[],"taxonomy_info":{"category":[{"value":114,"label":"Calendar Widgets"},{"value":61,"label":"Product Features"}],"post_tag":[{"value":105,"label":"Widgets"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Abz","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/abz\/"},"comment_info":0,"category_info":[{"term_id":114,"name":"Calendar Widgets","slug":"calendar-widgets","term_group":0,"term_taxonomy_id":114,"taxonomy":"category","description":"","parent":61,"count":11,"filter":"raw","term_order":"0","cat_ID":114,"category_count":11,"category_description":"","cat_name":"Calendar Widgets","category_nicename":"calendar-widgets","category_parent":61},{"term_id":61,"name":"Product Features","slug":"events-features","term_group":0,"term_taxonomy_id":61,"taxonomy":"category","description":"","parent":0,"count":25,"filter":"raw","term_order":"0","cat_ID":61,"category_count":25,"category_description":"","cat_name":"Product Features","category_nicename":"events-features","category_parent":0}],"tag_info":[{"term_id":105,"name":"Widgets","slug":"widgets","term_group":0,"term_taxonomy_id":105,"taxonomy":"post_tag","description":"","parent":0,"count":14,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1963802"}],"version-history":[{"count":5,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963802\/revisions"}],"predecessor-version":[{"id":1963813,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963802\/revisions\/1963813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1963802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1963802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1963802"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1963802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}