{"id":1951624,"date":"2022-01-19T04:00:08","date_gmt":"2022-01-19T09:00:08","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&#038;p=1951624"},"modified":"2022-01-27T10:54:02","modified_gmt":"2022-01-27T15:54:02","slug":"how-to-add-event-blocks-to-wordpress-pages-and-posts","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/how-to-add-event-blocks-to-wordpress-pages-and-posts\/","title":{"rendered":"How to Add Event Blocks to WordPress Pages and Posts"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/dJmiSkoCivE\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n\n\n\n<p>With <a href=\"https:\/\/wordpress.org\/plugins\/the-events-calendar\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Events Calendar<\/a> and <a href=\"https:\/\/theeventscalendar.com\/products\/wordpress-events-calendar\/\" target=\"_blank\" rel=\"noreferrer noopener\">Events Calendar Pro<\/a>, in addition to adding event blocks to your events using the Block Editor, you can also add any of our available <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/an-introduction-to-event-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">event blocks<\/a> to a WordPress page or post.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-an-event-block\">How to add an event block<\/h2>\n\n\n\n<p>To add an event block to a WordPress page, head over to a new page in the Block Editor. Click on the + symbol and search for &#8220;event&#8221; to see all available event blocks. From there, click on your block of choice to see your event content embedded on your WordPress page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-10.58.49-AM.png\" alt=\"Event blocks available for The Events Calendar\" class=\"wp-image-1951636\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-events-list-block\">Events List Block<\/h2>\n\n\n\n<p>This Pro block is also available with the free The Events Calendar, though it contains limited options. With the Events List block, you&#8217;ll find a list of upcoming events. After adding it to your WordPress page, click on the block to change the display of the options that appear.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.55.57-AM.png\" alt=\"\" data-id=\"1951665\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.55.57-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951665\" class=\"wp-image-1951665\"\/><figcaption class=\"blocks-gallery-item__caption\">The Events Calendar Events List Block<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.56.18-AM-1024x453.png\" alt=\"\" data-id=\"1951666\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.56.18-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951666\" class=\"wp-image-1951666\"\/><figcaption class=\"blocks-gallery-item__caption\">The Events Calendar Events List Block<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.59.54-AM.png\" alt=\"\" data-id=\"1951667\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-6.59.54-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951667\" class=\"wp-image-1951667\"\/><figcaption class=\"blocks-gallery-item__caption\">Events Calendar Pro Events List Block<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.01.21-AM.png\" alt=\"\" data-id=\"1951668\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.01.21-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951668\" class=\"wp-image-1951668\"\/><figcaption class=\"blocks-gallery-item__caption\">Events Calendar Pro Events List Block<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-mini-calendar-block\">Mini Calendar Block<\/h2>\n\n\n\n<p>The mini calendar block for Events Calendar Pro displays a Month View calendar on any WordPress page or post. You&#8217;ll find additional options to configure the display of the calendar by clicking on the Mini Calendar block in the Block Editor.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.02.43-AM.png\" alt=\"\" data-id=\"1951669\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.02.43-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951669\" class=\"wp-image-1951669\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.09.39-AM.png\" alt=\"\" data-id=\"1951671\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.09.39-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951671\" class=\"wp-image-1951671\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-featured-venue-block\">Featured Venue Block<\/h2>\n\n\n\n<p>With this Events Calendar Pro block, you can select a venue to display upcoming events for. Click on the block to choose the venue to feature, along with other options.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.07.15-AM.png\" alt=\"\" data-id=\"1951670\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-18-at-7.07.15-AM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951670\" class=\"wp-image-1951670\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.29.31-PM.png\" alt=\"\" data-id=\"1951643\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.29.31-PM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951643\" class=\"wp-image-1951643\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-event-countdown-block\">Event Countdown Block<\/h2>\n\n\n\n<p>This Pro block displays a countdown until the event of your choice occurs. After selecting the block, you can click on it to choose a countdown for the next upcoming event or choose your specific event from the dropdown menu.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.36.01-PM.png\" alt=\"\" data-id=\"1951644\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.36.01-PM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951644\" class=\"wp-image-1951644\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.36.08-PM.png\" alt=\"\" data-id=\"1951645\" data-full-url=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2022\/01\/Screen-Shot-2022-01-14-at-12.36.08-PM.png\" data-link=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?attachment_id=1951645\" class=\"wp-image-1951645\"\/><\/figure><\/li><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>With The Events Calendar and Events Calendar Pro, in addition to adding event blocks to your events using the Block Editor, you can also add any of our available event blocks to a WordPress page or post. How to add an event block To add an event block to a WordPress page, head over to&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","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],"tags":[113,105],"stellar-product-taxonomy":[158,161],"class_list":["post-1951624","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-calendar-widgets","tag-block-editor","tag-widgets","stellar-product-taxonomy-events-calendar-pro","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":114,"label":"Calendar Widgets"}],"post_tag":[{"value":113,"label":"block editor"},{"value":105,"label":"Widgets"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"},{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"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":9,"filter":"raw","term_order":"0","cat_ID":114,"category_count":9,"category_description":"","cat_name":"Calendar Widgets","category_nicename":"calendar-widgets","category_parent":61}],"tag_info":[{"term_id":113,"name":"block editor","slug":"block-editor","term_group":0,"term_taxonomy_id":113,"taxonomy":"post_tag","description":"","parent":27,"count":17,"filter":"raw","term_order":"0"},{"term_id":105,"name":"Widgets","slug":"widgets","term_group":0,"term_taxonomy_id":105,"taxonomy":"post_tag","description":"","parent":0,"count":16,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1951624"}],"version-history":[{"count":1,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951624\/revisions"}],"predecessor-version":[{"id":1955887,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1951624\/revisions\/1955887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1951624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1951624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1951624"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1951624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}