{"id":1948177,"date":"2020-09-21T14:28:21","date_gmt":"2020-09-21T18:28:21","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?post_type=tribe-knowledgebase&#038;p=1948177"},"modified":"2024-05-03T21:55:25","modified_gmt":"2024-05-04T01:55:25","slug":"using-tribe_events-with-elementor","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/using-tribe_events-with-elementor\/","title":{"rendered":"Using Shortcodes with Elementor Page Builder"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/_h8BYyP43jQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n\n\n\n<p>Interested in using The Events Calendar with Elementor? The Events Calendar Pro offers <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/native-elementor-widgets-for-events-calendar-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">native Elementor widgets<\/a>! We believe most of our beloved customers will prefer that approach.<\/p>\n\n\n\n<p class=\"has-text-color has-background\" style=\"color:#141827;background-color:var(--global-palette8)\">\ud83d\udc4b As of version 6.4.0, The Events Calendar now offers <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/elementor-single-event-template\/\">support for Elementor single event template<\/a>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-using-the-tribe-events-shortcode\">Using the [tribe_events] shortcode<\/h2>\n\n\n\n<p>As an alternative, you can also use Event Calendar Pro&#8217;s <a rel=\"noreferrer noopener\" href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/embedding-calendar-views-with-the-tribe_events-shortcode\/\" target=\"_blank\"><code>[tribe_events] shortcode.<\/code><\/a> This allows you to add the shortcode to your page via the Elementor page builder to display the main calendar wherever you want.<\/p>\n\n\n\n<p>This works in a variety of scenarios for our users interested in using our plugins with Elementor. You can use either the Classic Editor or the Block Editor, as long as you are using our <code>[tribe_events]<\/code> shortcode.<\/p>\n\n\n\n<p>The following scenarios will work with this integration:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using the <code>[tribe_events]<\/code> shortcode on a single page with the Elementor Editor<\/li>\n\n\n\n<li>Using&nbsp;<code>[tribe_events]<\/code>&nbsp;on an Elementor page template<\/li>\n<\/ul>\n\n\n\n<p>Lastly, it is worth noting that this compatibility improvement has been designed to work only with the <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/enabling-updated-calendar-views\/\" target=\"_blank\" rel=\"noreferrer noopener\">updated calendar views<\/a> from The Events Calendar 5.0. You can toggle these views on by checking the box under <strong>Events \u2192 Settings \u2192 Display<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interested in using The Events Calendar with Elementor? The Events Calendar Pro offers native Elementor widgets! We believe most of our beloved customers will prefer that approach. \ud83d\udc4b As of version 6.4.0, The Events Calendar now offers support for Elementor single event template! Using the [tribe_events] shortcode As an alternative, you can also use Event&#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":[46],"tags":[238,239],"stellar-product-taxonomy":[158,161],"class_list":["post-1948177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations","tag-elementor","tag-theme","stellar-product-taxonomy-events-calendar-pro","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":46,"label":"Integrations"}],"post_tag":[{"value":238,"label":"Elementor"},{"value":239,"label":"Theme"}],"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":46,"name":"Integrations","slug":"integrations","term_group":0,"term_taxonomy_id":46,"taxonomy":"category","description":"","parent":0,"count":115,"filter":"raw","term_order":"0","cat_ID":46,"category_count":115,"category_description":"","cat_name":"Integrations","category_nicename":"integrations","category_parent":0}],"tag_info":[{"term_id":238,"name":"Elementor","slug":"elementor","term_group":0,"term_taxonomy_id":238,"taxonomy":"post_tag","description":"Helpful Links related to Elementor:\r\n<ul>\r\n \t<li><a href=\"https:\/\/elementor.com\/help\/\" target=\"_blank\" rel=\"noopener\"><strong>Help Center<\/strong><\/a><\/li>\r\n \t<li><a href=\"https:\/\/elementor.com\/academy\/\" target=\"_blank\" rel=\"noopener\"><strong>Tutorials &amp; Courses<\/strong><\/a><\/li>\r\n \t<li><strong><a href=\"https:\/\/developers.elementor.com\/\" target=\"_blank\" rel=\"noopener\">Developer Hub<\/a><\/strong><\/li>\r\n<\/ul>","parent":0,"count":12,"filter":"raw","term_order":"0"},{"term_id":239,"name":"Theme","slug":"theme","term_group":0,"term_taxonomy_id":239,"taxonomy":"post_tag","description":"","parent":0,"count":11,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1948177","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=1948177"}],"version-history":[{"count":4,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1948177\/revisions"}],"predecessor-version":[{"id":1959971,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1948177\/revisions\/1959971"}],"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=1948177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1948177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1948177"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1948177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}