{"id":902,"date":"2019-05-24T13:17:32","date_gmt":"2019-05-24T13:17:32","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=902"},"modified":"2026-04-05T08:53:28","modified_gmt":"2026-04-05T08:53:28","slug":"elementor-shortcode-builder-addon","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/elementor-shortcode-builder-addon\/","title":{"rendered":"Elementor Shortcode Builder Addon"},"content":{"rendered":"\n<p>The Elementor Shortcode Builder Addon is a powerful design tool that allows you to customize your event shortcodes and place them anywhere on your website using a live, drag-and-drop interface. It eliminates the need for manual code by enabling the <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> Live Editor to preview events and style layouts in real-time.<\/p>\n\n\n<style>\n        .display_infobox_wrap {\n          border: solid 1px #e3e5e7;\n          padding: 24px;\n          border-radius: 11px;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          flex-direction: row;\n          box-sizing: border-box;\n        }\n        .display_infobox_wrap .infobox-first-col p:last-child {\n          margin-bottom: 0px !important;\n        }\n\n        @media (max-width: 480px) {\n          .display_infobox_wrap {\n            flex-direction: column;\n          }\n          .display_infobox_wrap .infobox-third-col {\n            flex-direction: row !important;\n            width: 100%;\n            margin-top: 30px;\n            gap: 10px;\n            justify-content: space-between !important;\n          }\n          .display_infobox_wrap .infobox-third-col a {\n            width: 50% !important;\n          }\n        }\n\n        .display_infobox_wrap p {\n          font-size: 16px !important;\n          margin-bottom: 10px !important;\n        }\n\n        .display_infobox_wrap a.changelog-url {\n          font-size: 16px;\n          font-weight: bold;\n          color: #43494f;\n          text-decoration: underline;\n        }\n        .display_infobox_wrap a.changelog-url:hover {\n          color: #02b9ff;\n        }\n\n        .display_infobox_wrap .infobox-third-col {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          row-gap: 10px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a {\n          width: 130px;\n          font-size: 15px;\n          font-weight: 300;\n          border: solid 1px;\n          border-radius: 5px;\n          text-align: center;\n          padding: 5px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button {\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n        }\n    <\/style><div class=\"display_infobox_wrap\"><div class=\"infobox-first-col\"><p><strong>Requirements<\/strong><br>MEC Lite\/Pro<\/p><p><strong>Latest Version<\/strong><br>2.0.0<\/p><\/div><div class=\"infobox-second-col\"><p><strong>Last Updated<\/strong><br>2025-12-21 15:28:13<\/p><a href=\"https:\/\/www.webnus.net\/modern-events-calendar\/addons\/elementor-shortcode-builder\/#changelog\" class=\"changelog-url\" target=\"_blank\">Changelog<\/a><\/div><div class=\"infobox-third-col\"><a href=\"https:\/\/mec.webnus.net\/shortcode-builder-demo\/\" class=\"demo-button\" target=\"_blank\">View Demo<\/a><a href=\"https:\/\/my.webnus.net\/checkout?edd_action=add_to_cart&#038;download_id=34430567&#038;edd_options%5Bprice_id%5D=1\" class=\"buy-now-button\" target=\"_blank\">Buy Now<\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Initial_Setup_Requirements\"><\/span>Initial Setup &amp; Requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before you begin, ensure your environment meets the following requirements:<\/p>\n\n\n\n<p>\u2022 <strong>MEC Version:<\/strong> Modern Events Calendar (Lite or Pro) version 6.0 or higher.<\/p>\n\n\n\n<p>\u2022 <strong>Elementor Version:<\/strong> Elementor version 3.0 or higher.<\/p>\n\n\n\n<p>\u2022 <strong>System Requirements:<\/strong> WordPress 5.0+ and PHP 7.4 or higher.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adjusting_Shortcode_Builder_Post_Type\"><\/span>Adjusting Shortcode Builder Post Type<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To allow Elementor to recognize MEC shortcodes, you must enable the correct post type:<\/p>\n\n\n\n<p>1. Navigate to <strong>Elementor &gt; Settings &gt; General<\/strong>.<\/p>\n\n\n\n<p>2. Locate the <strong>Post Types<\/strong> section and check the box for <strong>Shortcodes<\/strong>.<\/p>\n\n\n\n<p>3. Click <strong>Save Changes<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c59a6f&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"860\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01.png\" alt=\"Elementor Shortcode Builder Addon\" class=\"wp-image-10963\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01-300x134.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01-1024x459.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01-768x344.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-01-1536x688.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Pro Tip:<\/strong> If you encounter errors accessing the Elementor editor, go to <strong>WordPress Dashboard &gt; Settings &gt; Permalinks<\/strong> and click <strong>Save Changes<\/strong> (using the <strong>Post name<\/strong> setting) to regenerate your site&#8217;s URLs.<\/p>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/installation\/\" class=\"mec-inline-post-link\">How to install MEC and Addons?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_Your_Custom_Shortcode\"><\/span>Creating Your Custom Shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To design a shortcode using the Elementor Shortcode Builder addon, you must first create a dedicated page to host the builder.<\/p>\n\n\n\n<p>1. Go to <strong>Pages &gt; Add New<\/strong> in your WordPress dashboard.<\/p>\n\n\n\n<p>2. Provide a title (e.g., &#8220;Custom Event Display&#8221;) and click <strong>Save\/Publish<\/strong>.<\/p>\n\n\n\n<p>3. Click the <strong>Edit with Elementor<\/strong> button to enter the live builder.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5a2eb&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2878\" height=\"636\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02.png\" alt=\"Elementor Shortcode Builder\" class=\"wp-image-10964\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02.png 2878w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02-300x66.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02-1024x226.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02-768x170.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02-1536x339.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-02-2048x453.png 2048w\" sizes=\"auto, (max-width: 2878px) 100vw, 2878px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>4. In the Elementor widget panel, search for the <strong>MEC Shortcode Builder widget<\/strong>.<\/p>\n\n\n\n<p>5. Drag the <strong>MEC Shortcode Builder widget<\/strong> into your layout. Do <strong>not<\/strong> use the standard Elementor &#8220;Shortcode&#8221; widget.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5a94e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1084\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03.png\" alt=\"Shortcode Builder\" class=\"wp-image-10965\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03-300x169.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03-1024x578.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03-768x434.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-03-1536x867.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/making-advanced-shortcodes\/\" class=\"mec-inline-post-link\">How to create an advanced Shortcode?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configuring_the_Shortcode_Widget\"><\/span>Configuring the Shortcode Widget<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once the widget is placed, you can use the left-hand panel to customize how your events appear.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5aec1&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"522\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-04.png\" alt=\"Shortcode Builder\" class=\"wp-image-10966\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-04.png 606w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-04-300x258.png 300w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Display_Options\"><\/span>Display Options<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This section allows you to toggle specific elements on or off, giving you full control over the information displayed to your users. You can personalize every option typically found on the standard shortcode edit page.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5b315&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1865\" height=\"1084\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364.png\" alt=\"shortcode builder\" class=\"wp-image-10967\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364.png 1865w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364-300x174.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364-1024x595.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364-768x446.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-05-e1702291038364-1536x893.png 1536w\" sizes=\"auto, (max-width: 1865px) 100vw, 1865px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Search_Form\"><\/span>Search Form<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Enable the <strong>Search Form<\/strong> to allow visitors to filter events directly on the page. You can add search fields for:<\/p>\n\n\n\n<p>\u2022 <strong>Categories, Organizers, and Speakers<\/strong>.<\/p>\n\n\n\n<p>\u2022 <strong>Tags and Labels<\/strong>.<\/p>\n\n\n\n<p><strong>\u2022 Event Costs and Locations, etc.<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5b765&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1110\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06.png\" alt=\" Elementor Shortcode Builder Addon\" class=\"wp-image-10968\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06-300x173.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06-1024x592.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06-768x444.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-06-1536x888.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Filter_Options\"><\/span>Filter Options<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Use these settings to narrow down which events are shown:<\/p>\n\n\n\n<p>\u2022 <strong>Taxonomy Filtering:<\/strong> Include or exclude specific categories or tags.<\/p>\n\n\n\n<p>\u2022 <strong>Occurrence Filtering:<\/strong> Filter events that have expired, are currently ongoing, or are upcoming.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5bb81&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1114\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07.png\" alt=\" Elementor Shortcode Builder Addon\" class=\"wp-image-10969\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07-300x174.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07-1024x594.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07-768x446.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-07-1536x891.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Customization_Styling\"><\/span>Customization &amp; Styling<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The Elementor Shortcode Builder addon provides deep integration with Elementor&#8217;s styling tools to ensure your events match your brand identity.<\/p>\n\n\n\n<p>\u2022 <strong>Style Tab:<\/strong> Navigate to the <strong>Style<\/strong> tab within the widget settings to edit the typography, colors, and spacing of each individual element separately.<\/p>\n\n\n\n<p>\u2022 <strong>Layout Selection:<\/strong> Choose between various layout formats, such as <strong>Grid, List, or Calendar views<\/strong>,<strong> etc,<\/strong> directly within the editor.<\/p>\n\n\n\n<p>\u2022 <strong>Real-time Preview:<\/strong> All changes made in the sidebar will appear instantly in the editor area, allowing you to see exactly how the final shortcode will look.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5bfb5&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1084\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08.png\" alt=\" Elementor Shortcode Builder Addon\" class=\"wp-image-10970\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08-300x169.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08-1024x578.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08-768x434.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-08-1536x867.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-palette-color-5-color has-alpha-channel-opacity has-palette-color-5-background-color has-background\"\/>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5c34e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1111\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09.png\" alt=\" Elementor Shortcode Builder Addon\" class=\"wp-image-10971\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09-300x174.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09-1024x593.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09-768x444.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-09-1536x889.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbdb0c5c6b8&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"2695\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10.png\" alt=\" Elementor Shortcode Builder Addon\" class=\"wp-image-10972\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10-214x300.png 214w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10-730x1024.png 730w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10-768x1078.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10-1094x1536.png 1094w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/shortcode-builder-10-1459x2048.png 1459w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Cases_When_This_Addon_is_Useful\"><\/span>Use Cases (When This Addon is Useful)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u2022 <strong>Designing Custom Brand Layouts:<\/strong> Ideal for users who want their event lists to match a specific website color palette and typography without writing CSS.<\/p>\n\n\n\n<p>\u2022 <strong>Fast Front-End Editing:<\/strong> Perfect for designers who prefer building layouts visually on the front end rather than navigating back-end menus.<\/p>\n\n\n\n<p>\u2022 <strong>Advanced Event Filtering:<\/strong> Useful for sites with hundreds of events where users need specific search bars (e.g., searching by Speaker or Cost).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Situations_This_Addon_May_Not_Be_Ideal\"><\/span>Situations This Addon May Not Be Ideal<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u2022 <strong>Non-Elementor Sites:<\/strong> This addon is specifically designed for Elementor and will not function with other page builders like Divi or Beaver Builder.<\/p>\n\n\n\n<p>\u2022 <strong>Basic Layout Needs:<\/strong> If you are satisfied with the default MEC shortcode templates, the extra layer of the builder may not be necessary.<\/p>\n\n\n\n<p>\u2022 <strong>Strict System Limitations:<\/strong> Sites running on outdated versions of PHP (lower than 7.4) or WordPress (lower than 5.0) will not support this addon<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Troubleshooting_for_Beginners\"><\/span>Troubleshooting for Beginners<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><br>\u2022 <strong>Widget Not Appearing?<\/strong> Ensure you have enabled the <strong>Shortcodes<\/strong> post type in <strong>Elementor &gt; Settings &gt; General<\/strong>.<\/p>\n\n\n\n<p>\u2022 <strong>Changes Not Saving?<\/strong> Always click the <strong>Update<\/strong> button in the Elementor sidebar before exiting to ensure your configurations are applied.<\/p>\n\n\n\n<p>\u2022 <strong>Editor Loading Error?<\/strong> This is often a permalink issue. Navigate to <strong>Settings &gt; Permalinks<\/strong> and click <strong>Save Changes<\/strong> to refresh your site&#8217;s link structure.<\/p>\n\n\n\n<p>\u2022 <strong>Wrong Widget?<\/strong> Double-check that you are using the <strong>MEC Shortcode Builder<\/strong> widget and not the default Elementor shortcode tool, as the latter will not show the custom MEC settings.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Elementor Shortcode Builder for Modern Events Calendar - How Does it Work?\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/JqN_-9wsw1I?start=4&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1775378923092\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_install_and_activate_the_Elementor_Shortcode_Builder_Addon\"><\/span><strong>How do I install and activate the Elementor Shortcode Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To install the MEC Elementor Shortcode Builder Addon, first ensure that both the Modern Events Calendar (MEC) plugin and the Elementor plugin are installed and active. Afterward, install the addon by uploading the plugin ZIP file. Once installed, activate the addon from the WordPress dashboard under the Plugins section.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379061907\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_enable_the_Shortcodes_post_type_in_Elementor\"><\/span><strong>How can I enable the Shortcodes post type in Elementor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Navigate to Elementor &gt; Settings &gt; General in your WordPress dashboard. Here, enable the &#8216;Shortcodes&#8217; post type to allow Elementor to work seamlessly with MEC shortcodes.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379071382\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_steps_should_I_follow_to_create_a_customized_event_shortcode_using_the_addon\"><\/span><strong>What steps should I follow to create a customized event shortcode using the addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>After ensuring the addon is activated and the &#8216;Shortcodes&#8217; post type is enabled, create a new page or post and click on &#8216;Edit with Elementor.&#8217; In the Elementor editor, drag the MEC Shortcode Builder widget into your layout. From there, you can customize the shortcode settings and design to fit your needs.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379081849\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_preview_my_event_shortcodes_while_customizing_them_in_Elementor\"><\/span><strong>Can I preview my event shortcodes while customizing them in Elementor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, this addon allows you to view changes live within the Elementor editor, providing a real-time preview of how your events will appear on the site.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379092390\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Is_it_possible_to_add_a_search_bar_to_my_event_shortcodes\"><\/span><strong>Is it possible to add a search bar to my event shortcodes?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Absolutely. You can activate the search bar in different shortcodes and add search fields to enhance user navigation. This can be achieved through the search form section.\u00a0<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379107650\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_manage_the_typography_and_styles_of_my_event_shortcodes\"><\/span><strong>How do I manage the typography and styles of my event shortcodes?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The addon provides options to manage typography and apply custom styles to shortcode elements, through the elementor style tab.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379118856\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Are_there_limitations_on_the_number_of_shortcodes_I_can_create_with_this_addon\"><\/span><strong>Are there limitations on the number of shortcodes I can create with this addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, you can create and use an unlimited number of shortcodes without any limitations.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379130106\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_should_I_do_if_I_encounter_errors_accessing_Elementors_editor_after_installing_the_addon\"><\/span><strong>What should I do if I encounter errors accessing Elementor&#8217;s editor after installing the addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To solve this issue, please go to the WordPress Permalink Settings page and click on the &#8220;Save Changes&#8221; button without making any other modifications. This helps resolve the issue you\u2019re experiencing. The problem occurs because Elementor needs to reassign the permalinks, and saving it again will regenerate the URLs correctly.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379139733\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_control_which_elements_appear_in_my_event_shortcodes\"><\/span><strong>Can I control which elements appear in my event shortcodes?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the addon allows you to turn on or off various shortcode elements, giving you control over what information is displayed to your users.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379151290\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_are_the_system_requirements_to_use_the_MEC_Elementor_Shortcode_Builder_Addon\"><\/span><strong>What are the system requirements to use the MEC Elementor Shortcode Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The MEC Elementor Shortcode Builder Addon requires the Modern Events Calendar plugin (version 6.0 or higher) and Elementor (version 3.0 or higher). You also need a WordPress site running at least PHP 7.4 and WordPress 5.0.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379167091\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_use_the_Elementor_Shortcode_Builder_Addon_with_the_free_version_of_MEC\"><\/span><strong>Can I use the Elementor Shortcode Builder Addon with the free version of MEC?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can use this addon with the free version of MEC, called MEC Lite.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379178996\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_display_events_from_specific_categories_using_the_addon\"><\/span><strong>How can I display events from specific categories using the addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>In the Elementor Shortcode Builder widget, you can select specific event categories to display. Use the category filter settings to include or exclude events based on their assigned categories.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775379187921\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_customize_the_layout_of_my_event_shortcodes\"><\/span><strong>How can I customize the layout of my event shortcodes?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The addon provides multiple layout options for event shortcodes, such as grid, list, and calendar views. You can choose and customize these layouts directly in the Elementor editor to match your website design.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Modern Events Calendar Shortcode Builder Addon enables you to create shortcodes in Elementor Live Editor. Adding this widget to your pages allows previewing the events and placing the shortcodes in pages with ease.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[15],"class_list":["post-902","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-addons"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":14,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/902\/revisions"}],"predecessor-version":[{"id":12808,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/902\/revisions\/12808"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}