{"id":907,"date":"2019-05-24T13:29:35","date_gmt":"2019-05-24T13:29:35","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=907"},"modified":"2026-04-05T08:47:12","modified_gmt":"2026-04-05T08:47:12","slug":"elementor-form-builder-addon","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/elementor-form-builder-addon\/","title":{"rendered":"Elementor Form Builder Addon"},"content":{"rendered":"\n<p>The <strong>Elementor Form Builder Addon<\/strong> is an innovative tool designed to help you craft highly personalized ticket booking forms that align perfectly with your website&#8217;s aesthetics. By seamlessly integrating with the <strong>Elementor Page Builder<\/strong>, it offers a new standard for precision and creativity, allowing you to move beyond default layouts and showcase your distinct brand style effortlessly. The <a href=\"http:\/\/elementor.com\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> Form Builder Addon is not just an enhancement; it&#8217;s a new standard for precision and creativity within the MEC plugin.<\/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 Pro<\/p><p><strong>Latest Version<\/strong><br>1.7.0<\/p><\/div><div class=\"infobox-second-col\"><p><strong>Last Updated<\/strong><br>2026-04-15 15:28:13<\/p><a href=\"https:\/\/www.webnus.net\/modern-events-calendar\/addons\/elementor-form-builder\/#changelog\" class=\"changelog-url\" target=\"_blank\">Changelog<\/a><\/div><div class=\"infobox-third-col\"><a href=\"https:\/\/mec.webnus.net\/events\/about-first-day-of-college\/\" class=\"demo-button\" target=\"_blank\">View Demo<\/a><a href=\"https:\/\/my.webnus.net\/checkout?edd_action=add_to_cart&#038;download_id=34430581&#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 you have the following requirements met:<\/p>\n\n\n\n<p>\u2022 <strong>MEC Pro:<\/strong> This addon requires the Pro version of <strong>Modern Events Calendar<\/strong>; it is not compatible with MEC Lite.<\/p>\n\n\n\n<p>\u2022 <strong>Elementor Page Builder:<\/strong> You must have the <strong>Elementor<\/strong> plugin installed and activated.<\/p>\n\n\n\n<p>\u2022 <strong>Addon Activation:<\/strong> Install the addon by uploading the ZIP file and activating it via the WordPress <strong>Plugins<\/strong> section.<\/p>\n\n\n\n<p>\u2022 <strong>Enable Post Type:<\/strong> Navigate to <strong>Elementor &gt; Settings &gt; General<\/strong> and enable the <strong>Form Builder<\/strong> post type to ensure the addon integrates correctly with the Elementor editor,.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484b03b&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1164\" height=\"665\" 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\/11\/elementor-form-builder-03.png\" alt=\"Elementor Form Builder Addon\" class=\"wp-image-10756\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-03.png 1164w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-03-300x171.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-03-1024x585.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-03-768x439.png 768w\" sizes=\"auto, (max-width: 1164px) 100vw, 1164px\" \/><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\/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_Form\"><\/span>Creating Your Custom Form<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>All forms are managed and created within a dedicated menu. Navigate to <strong>MEC &gt; Form Builder<\/strong> to begin.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484b85c&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1238\" height=\"769\" 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\/11\/elementor-form-builder-04.png\" alt=\"Elementor Form Builder Addon\" class=\"wp-image-10757\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-04.png 1238w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-04-300x186.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-04-1024x636.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-04-768x477.png 768w\" sizes=\"auto, (max-width: 1238px) 100vw, 1238px\" \/><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=\"Step-by-Step_Creation\"><\/span>Step-by-Step Creation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>1. Click the <strong>Add New With Elementor<\/strong> button.<\/p>\n\n\n\n<p>2. Create a new template and select the option to open it with the <strong>Elementor<\/strong> editor.<\/p>\n\n\n\n<p>3. Inside the editor, find the <strong>MEC Form Builder<\/strong> widget and drag it into one of your page sections.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484c016&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1626\" 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\/elementor-form-builder-01.png\" alt=\"Elementor Form Builder\" class=\"wp-image-10935\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01.png 2880w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01-300x169.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01-1024x578.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01-768x434.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01-1536x867.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-01-2048x1156.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><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. Click <strong>Add Item<\/strong> to begin adding fields to your form<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484c91f&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1626\" 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\/elementor-form-builder-02.png\" alt=\"\" class=\"wp-image-10936\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02.png 2880w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02-300x169.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02-1024x578.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02-768x434.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02-1536x867.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-02-2048x1156.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><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=\"Field_Configuration\"><\/span>Field Configuration<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Every field you add can be customized with the following options:<\/p>\n\n\n\n<p>\u2022 <strong>Field Type:<\/strong> Choose from various prepared types to suit your data collection needs.<\/p>\n\n\n\n<p>\u2022 <strong>Field Map:<\/strong> Map individual fields to specific data points, such as a <strong>WooCommerce<\/strong> billing address.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484d1cf&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" 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\/2019\/05\/image-1-1024x553.png\" alt=\"\" class=\"wp-image-12102\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2019\/05\/image-1-1024x553.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2019\/05\/image-1-300x162.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2019\/05\/image-1-768x415.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2019\/05\/image-1-1536x830.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2019\/05\/image-1.png 1632w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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>\u2022 <strong>Required Field:<\/strong> Toggle this to define which information is mandatory for the user.<\/p>\n\n\n\n<p>\u2022 <strong>Label &amp; Placeholder:<\/strong> Set the text that appears above the field (<strong>Label<\/strong>) and the ghost text inside it (<strong>Placeholder<\/strong>).<\/p>\n\n\n\n<p>\u2022 <strong>Fields Width:<\/strong> Organize your layout by choosing between <strong>Half-Width<\/strong> (two-column), <strong>Third-Width<\/strong> (three-column), or <strong>Single-Line<\/strong> (row-based) displays,.<\/p>\n\n\n\n<p><strong>Pro Tip:<\/strong> You can easily rearrange your fields by clicking and dragging them up or down in the list to change their order.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Customization_and_Styling\"><\/span>Customization and Styling<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The <strong>Style<\/strong> tab within the Elementor editor offers extensive options to sync the form with your website&#8217;s color palette and design.<\/p>\n\n\n\n<p>\u2022 <strong>Visual Design:<\/strong> You can set custom typography, adjust padding, modify borders, and customize margins.<\/p>\n\n\n\n<p>\u2022 <strong>Color Schemes:<\/strong> Apply specific colors to match your branding across all form elements.<\/p>\n\n\n\n<p>\u2022 <strong>Layout Flexibility:<\/strong> Beyond basic widths, you can utilize full-width or multi-column layouts to provide a professional user experience.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484dad8&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1622\" 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\/elementor-form-builder-03.png\" alt=\"Elementor Form Builder Addon\" class=\"wp-image-10937\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03.png 2880w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03-300x169.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03-1024x577.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03-768x433.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03-1536x865.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-03-2048x1153.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><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<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\/add-a-booking-system\/\" class=\"mec-inline-post-link\">How to add a New Booking System?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Assigning_Your_Forms\"><\/span>Assigning Your Forms<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once your form is designed and published, you must assign it to your events. You can do this globally or on a per-event basis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Global_Assignment\"><\/span>Global Assignment<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Use this method if you want the same custom design for every event on your site:<\/p>\n\n\n\n<p>\u2022 Navigate to <strong>MEC Settings &gt; Booking &gt; Booking Form<\/strong>.<\/p>\n\n\n\n<p>\u2022 Select the <strong>Elementor Form Builder<\/strong> radio button.<\/p>\n\n\n\n<p>\u2022 Choose your specific template from the dropdown menu and save changes<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484e43d&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"700\" 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\/elementor-form-builder-05-1024x700.png\" alt=\"\" class=\"wp-image-10939\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-05-1024x700.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-05-300x205.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-05-768x525.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-05-1536x1050.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-05.png 2028w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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=\"Individual_Assignment\"><\/span>Individual Assignment<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Use this method to give a specific event a unique look for its booking form:<\/p>\n\n\n\n<p>\u2022 Open the back-end editor for your desired event.<\/p>\n\n\n\n<p>\u2022 In the <strong>Booking Form<\/strong> settings, uncheck the box for <strong>Inherit from global options<\/strong>.<\/p>\n\n\n\n<p>\u2022 Select <strong>Elementor Form Builder<\/strong> and choose your custom template from the dropdown.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484ecf3&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1260\" height=\"413\" 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\/11\/elementor-form-builder-15.png\" alt=\"Elementor Form Builder Addon\" class=\"wp-image-10768\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-15.png 1260w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-15-300x98.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-15-1024x336.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/elementor-form-builder-15-768x252.png 768w\" sizes=\"auto, (max-width: 1260px) 100vw, 1260px\" \/><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>Your custom booking is now complete and ready to use.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e5a2484f3da&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2478\" height=\"1538\" 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\/elementor-form-builder-06.png\" alt=\"Modern Events Calendar from Builder Addon\" class=\"wp-image-10940\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06.png 2478w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06-300x186.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06-1024x636.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06-768x477.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06-1536x953.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/elementor-form-builder-06-2048x1271.png 2048w\" sizes=\"auto, (max-width: 2478px) 100vw, 2478px\" \/><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>Branded Event Registration:<\/strong> Perfect for organizers who want their booking forms to match their corporate identity or specific event theme.<\/p>\n\n\n\n<p>\u2022 <strong>Advanced Data Collection:<\/strong> Ideal when you need to map specific form fields to <strong>WooCommerce<\/strong> billing data for streamlined accounting.<\/p>\n\n\n\n<p>\u2022 <strong>Complex Form Layouts:<\/strong> Useful for events requiring organized, multi-column forms (e.g., side-by-side fields for first and last names) to save vertical space.<\/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>Concurrent Form Builders:<\/strong> You cannot use the classic form builder and the Elementor Form Builder simultaneously for the same event.<\/p>\n\n\n\n<p>\u2022 <strong>Conditional Logic Requirements:<\/strong> This addon currently does not support built-in conditional logic; all configured fields will always be visible.<\/p>\n\n\n\n<p>\u2022 <strong>Non-Elementor Sites:<\/strong> This addon requires the <strong>Elementor Page Builder<\/strong> and will not function with other builders or the default WordPress editor,.<\/p>\n\n\n\n<p>\u2022 <strong>MEC Lite Users:<\/strong> Full functionality requires <strong>MEC Pro<\/strong> to access the necessary booking features.<\/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>\u2022 <strong>Form Fields Not Appearing:<\/strong> If your fields do not show up after publishing, clear your website and browser cache. Also, ensure both <strong>MEC Pro<\/strong> and <strong>Elementor<\/strong> are fully updated.<\/p>\n\n\n\n<p>\u2022 <strong>Error 500 on Edit:<\/strong> This is often a server memory issue. Increase your <strong>PHP memory limit<\/strong> to <strong>512MB<\/strong> in your <code>config.php<\/code> file or contact your host.<\/p>\n\n\n\n<p>\u2022 <strong>File Upload Issues:<\/strong> If users cannot upload large files, you must adjust the <code>upload_max_filesize<\/code> directive in your server\u2019s <code>php.ini<\/code> file,.<\/p>\n\n\n\n<p>\u2022 <strong>Missing &#8220;Form Builder&#8221; Option:<\/strong> Ensure you have enabled the <strong>Form Builder<\/strong> post type under <strong>Elementor &gt; Settings &gt; General<\/strong>,.<\/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=\"How to Make Your Modern Events Calendar Booking Form STAND OUT in 2024?\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/mGXjrWAQ1CA?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-1775378616294\" 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_Form_Builder_Addon_for_MEC\"><\/span><strong>How do I install and activate the Elementor Form Builder Addon for MEC?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>First, ensure that both the Modern Events Calendar (MEC) Pro and the Elementor Page Builder are installed and activated on your WordPress site. Afterward, install the addon by uploading the plugin ZIP file. Once installed, activate the addon from the WordPress dashboard under the Plugins section. Then, navigate to Elementor &gt; Settings &gt; General and enable the &#8216;Form Builder&#8217; post type to integrate it with Elementor.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378638037\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_create_a_unique_booking_form_for_each_event_using_the_Elementor_Form_Builder_Addon\"><\/span><strong>Can I create a unique booking form for each event using the Elementor Form Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can design a separate booking form for each event. To do this, go to the event&#8217;s editing page, uncheck the &#8220;Inherit from global options&#8221; box under the booking form settings, and select your desired form from the dropdown menu.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378655220\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Is_it_possible_to_use_both_the_classic_form_builder_and_the_Elementor_Form_Builder_Addon_simultaneously_for_an_event\"><\/span><strong>Is it possible to use both the classic form builder and the Elementor Form Builder Addon simultaneously for an event?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, you cannot use both form builders at the same time for a single event. You must choose either the classic form builder or the Elementor Form Builder Addon for each event. However, you can configure both builders and select the preferred one per event.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378667905\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_apply_a_custom_form_to_all_events_globally\"><\/span><strong>How can I apply a custom form to all events globally?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To set a custom form as the default for all events, navigate to MEC Settings &gt; Booking &gt; Booking Form. Here, you can either create a new form using the classic form builder or select a form designed with the Elementor Form Builder Addon to be applied globally. Ensure that the &#8220;Inherit from global options&#8221; box is checked in single events settings to use this global form.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378679444\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_should_I_do_if_I_encounter_an_Error_500_screen_while_editing_with_Elementor\"><\/span><strong>What should I do if I encounter an Error 500 screen while editing with Elementor?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>An Error 500 typically indicates server configuration issues. Ensure you&#8217;re using the latest version of the Elementor Form Builder Addon. If the problem persists, increase the PHP memory limit to 512MB in the config.php file. If the problem still persists, review your server settings or contact your hosting provider for assistance. If needed, reach out to MEC support for further help.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378691213\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Does_the_Elementor_Form_Builder_Addon_work_with_MEC_Lite_free\"><\/span><strong>Does<\/strong> the Elementor Form Builder Addon work<strong> with MEC Lite (free)?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, the Elementor Form Builder Addon does not work with MEC Lite. It utilizes the booking feature exclusive to MEC Pro and requires MEC Pro for full functionality.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378715292\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_adjust_the_maximum_file_upload_size_for_file_fields_in_my_forms\"><\/span><strong>How do I adjust the maximum file upload size for file fields in my forms?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The maximum file upload size is determined by your server&#8217;s php.ini file, specifically the upload_max_filesize directive. To increase the limit, you&#8217;ll need to modify this setting. It&#8217;s recommended to contact your hosting provider for assistance with this adjustment.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378728820\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_customization_options_are_available_with_the_Elementor_Form_Builder_Addon\"><\/span><strong>What customization options are available with the Elementor Form Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The addon offers extensive customization options, including the ability to set typography, adjust padding, modify borders, customize margins, and apply colors that align with your website&#8217;s design. You can also lay out form fields in various configurations, such as full-width or multi-column layouts, providing flexibility in form design.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378737188\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_integrate_third-party_payment_gateways_with_the_Elementor_Form_Builder_Addon\"><\/span><strong>Can I integrate third-party payment gateways with the Elementor Form Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The Elementor Form Builder Addon itself does not directly integrate with third-party payment gateways. However, since it operates within the Modern Events Calendar (MEC) booking system, you can use MEC\u2019s built-in payment gateways (such as PayPal, Stripe, and WooCommerce) for processing transactions. Ensure that your MEC Pro booking settings are configured correctly to support payments alongside your customized forms.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378756956\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_add_conditional_logic_to_form_fields_in_the_Elementor_Form_Builder_Addon\"><\/span><strong>How can I add conditional logic to form fields in the Elementor Form Builder Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Currently, the Elementor Form Builder Addon does not provide built-in conditional logic for form fields. All fields appear as configured without conditional visibility options.\u00a0<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775378769447\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_troubleshoot_if_my_form_fields_do_not_appear_correctly_after_publishing\"><\/span><strong>How do I troubleshoot if my form fields do not appear correctly after publishing?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>If form fields are not displaying as expected, try the following:<br \/>1. Check if Elementor is fully updated alongside MEC Pro.<br \/>2. Clear your website and browser cache to load the latest form version.<br \/>3. Disable conflicting plugins, as third-party plugins may conflict with Elementor\u2019s form rendering.<br \/>4. Verify theme compatibility, as some themes may override form styles.<br \/>5. If the issue persists, check your browser\u2019s developer console for errors or reach out to MEC support.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Form Builder is a new addon for MEC which employs Elementor Page Builder.<br \/>\nIt allows you to style the tickets\u2019 booking form however you want. In order to use Form Builder you need to have MEC Pro and Elementor Page Builder installed and activated.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[15],"class_list":["post-907","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\/907","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=907"}],"version-history":[{"count":11,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/907\/revisions"}],"predecessor-version":[{"id":12806,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/907\/revisions\/12806"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}