Form Input Masks For Elementor Forms vs MetForm – Contact Form, Survey, Quiz, Conditional Forms, Form Templates & Custom Form Builder for Elementor

Form Input Masks For Elementor Forms is the ultimate addon for Elementor that allows you to add input masks to your Elementor form fields. By applying input masks, you ensure users enter correctly formatted data, which improves form validation, reduces errors, and creates a smoother user experience. With this plugin, you can add phone number masks, credit card masks, date and time masks, CPF, CNPJ, CEP (Brazilian formats), and many more custom field formats. It works seamlessly with Elementor Pro (aff link) and Hello Plus form widgets, making it an essential addon for anyone building professional forms with Elementor. 👉 View Input Masks Demo If you want even more advanced form functionality, you can extend your Elementor forms with Cool FormKit (aka coolformkit). With Cool FormKit, you can use a Range Slider for interactive numeric input, a Calculator Field to build calculators like BMI or EMI, a Rating Field to collect reviews, a Signature Field for e-signatures, and Conditional Fields to dynamically show or hide inputs. Supported Input Masks Phone Masks: Add phone number formats for multiple countries like USA, Brazil, and more. 0000-0000 (000) 000-0000 (00) 0000-0000 (00) 0.0000-0000 Credit Card Masks: Format credit card numbers and expiry dates with validation. Credit Card: 0000-0000-0000-0000 Expiry Date: 00/00 Date & Time Masks: Keep date and time entries consistent and error-free. Date: 00/00/0000 Time: 00:00:00 Date & Time: 00/00/0000 00:00:00 Currency Masks: Standardize money inputs with comma or dot separators. Comma Format: 00,000.00 Dot Format: 00.000,00 Brazilian Formats (CPF, CNPJ, CEP): Capture Brazilian IDs and postal codes. CPF (ID): 000.000.000-00 CNPJ (Company ID): 00.000.000/0000-00 CEP (Postal Code): 00000-000 More Addons for Elementor Forms Make more advanced forms inside Elementor by using these powerful Elementor form addons developed by the Cool Plugins team. Conditional Fields for Elementor Form Add conditional logic to Elementor forms so fields can appear, hide, enable, or disable dynamically based on user input. Country Code for Elementor Form Telephone Field Add a country code selector with flags to telephone fields. Combine it with input masks for even more accurate phone number validation. Cool FormKit The ultimate form builder for Elementor Free & Pro. It not only extends Elementor Pro forms, but also provides a complete form widget for Elementor Free users. Popular features include: Conditional Logic for smarter workflows. Range Slider for interactive numeric inputs. Signature Field to collect e-signatures. Select2 Dropdowns with search and multi-select options. Image Radio & Checkbox Fields for better visual forms. Rating Field to collect user reviews. Calculator Fields to build BMI, EMI, or interest calculators. Cloudflare Turnstile for spam protection. hCAPTCHA to protect forms against spam bots. 👉 View All Features of Cool FormKit Other Popular Elementor Addons by Cool Plugins Cool Plugins develops many addons that enhance Elementor and WordPress functionality. These addons integrate seamlessly with Elementor to help you build advanced websites faster, without writing custom code. Timeline Widget for Elementor Showcase your company history, project milestones, or events with vertical and horizontal timelines designed specifically for Elementor. Events Widgets for Elementor Extend The Events Calendar plugin with Elementor widgets. Display events in list, grid, or carousel layouts that match your site’s design. AutoPoly – AI Translation for Polylang Automatically translate Elementor pages and WordPress content with AI. Build multilingual websites faster when using Polylang. Loop Grid Extender for Elementor Pro Unlock advanced features inside Elementor Pro’s loop builder — add ACF repeater support and taxonomy-based filters for dynamic layouts. LocoAI – Auto Translate for Loco Translate Instantly translate any plugin or theme strings with AI. One-click automatic translation inside the Loco Translate interface. Use of 3rd Party Services: This plugin connects to the Cool Plugins feedback server only for optional usage data sharing and voluntary feedback submission (for example, during plugin deactivation). Data is transmitted solely after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For more details, please review our Data Usage Policy, TOS, and Privacy Policy. DISCLAIMER: This plugin is not affiliated with or developed by the official Elementor team. Some of the links in this content may be affiliate links, meaning we may earn a commission at no extra cost to you if you make a purchase through these links. Get Cool FormKit for Elementor

MetForm, the drag-and-drop WordPress contact form builder is an addon for Elementor. This Elementor form builder plugin provides an intuitive real-time form-building experience, allowing anyone of any expertise level to create professionally designed website forms. It enables the fastest and most secure experience for managing and customizing multiple contact forms – without any code. The Best Elementor Contact Form Builder Plugin Website – Empowering 600,000+ WordPress Users. MetForm extends WordPress’s capability to help you create a wide range of custom forms, such as volunteer applications, event forms, loan applications, restaurant reservations, calculation forms, admission forms, newsletter signups, data erasure requests, product orders, WooCommerce checkouts, subscription forms, patient forms, suggestion forms, and survey or post-survey forms. USEFUL LINKS Explore the Features | Need Support?| Check Documentation | Video Tutorials | Check Roadmap and Request a Feature | Buy Pro WordPress Contact Form Builder with Calculation Form & Conditional Form Support This WordPress form plugin is built with Elementor, where each field is an Elementor widget you can arrange using drag and drop facility. You can also add images or videos below your form to engage users. Our free contact form builder offers various field input styles to match your brand. A standout feature of MetForm is the option to create custom field groups and reuse them in any contact form with one click. The free version includes form templates for feedback forms, booking forms, and calculation forms. You’ll also get demos for multi-step, conditional, feedback, event, job application, booking, custom social signup, and product registration forms, making it ideal for beginners. 44+ Form Templates – Contact Form Templates, Booking & Calculation Form Templates MetForm provides a comprehensive library of pre-built templates designed to help you deploy functional forms quickly without having to build them entirely from scratch. The collection covers a wide variety of common use cases, ranging from simple contact and newsletter signup layouts to more complex event registrations, job applications, and multi-step booking systems. 📊 Form Analytics – Track Every Contact Form’s Performance MetForm Analytics gives you a complete performance dashboard for every form – conversion rate, traffic sources, top referrers, geographic breakdown, device and browser stats, and hourly submission patterns. No Google Analytics, no third-party scripts, no cookie complications, all data stays inside WordPress. For quiz forms, get dedicated reporting with score distributions, pass/fail ratios, per-question difficulty analysis, and completion vs. abandonment rates, everything you need to improve your forms and maximize conversions. Mobile-friendly and Responsive Form Builder Metform works with Elementor without any issue and responsiveness can be controlled by the Elementor page builder. With this custom form builder, your smart order form or any online form will look great on all resolutions and devices: mobile, tablet, and desktop. Embed Anywhere with Shortcodes You can use Metform anywhere to create an Elementor contact form. Also, you can use it with any editor with a built-in form shortcode. Utilizing the shortcode support for customization is easy. Manage Elementor Form Submissions Your online form submission data can be saved in admin. So, it will send data to the form admin and also send a confirmation email to form users. Build Smart Conditional Form MetForm’s conditional form builder is a premium feature for creating smart, dynamic forms. Show or hide fields based on what the user selects or inputs — certain fields only appear after specific actions, making your conditional form cleaner and more personalized. Choose from 6 ready-made conditional form templates to start fast. Create Multi-step Form Divide long and lengthy forms into a step-by-step process to improve the user experience. By dividing the form into smaller, manageable sections, users are less likely to feel intimidated or abandon it midway. With MetForm, you can easily turn any WordPress form into a multi-step form in Elementor. Schedule Forms Automate form availability by setting specific start and end dates. This controls exactly when forms are active for time-sensitive events like registrations or surveys without manual publishing. Convert Form to Post Map form fields to post titles, content, and custom post types, let visitors submit articles or reviews directly from the front end. GDPR Compliant Form-Building Add mandatory consent checkboxes to meet privacy regulations and capture explicit user permission before storing any data. Quiz & Survey Forms Module Create interactive quizzes and detailed surveys. Assign point values to specific questions, calculate total scores, and display custom results based on user responses. Export Contact Form Entries as CSV Want to Export form entries as CSV? Yes, you can do that too with the Metform Elementor form builder addon. Free HubSpot Integration Connect MetForm with HubSpot to automatically sync every form submission directly to your CRM, zero manual data entry. Mailchimp Integration Send leads from any contact form straight to your Mailchimp list and grows your email subscribers on autopilot. ✨Top Features of MetForm — Elementor Form Builder Built for Elementor: MetForm is based on Elementor. This means this contact form builder offers an Elementor-like intuitive drag-and-drop workflow and real-time preview of your customizations. And, this budget-friendly email building tool with impressive form-building functionality powered by Elementor Builder has no learning curve. So, beginners can easily create a query form to collect reporting and other forms like a contact form or booking form. Learn how to create a WordPress Booking form with MetForm 👇 Elementor Form Input Fields: From lead generation to survey forms, or any complex style forms, we have designed 40+ Elementor widgets fields to build in your preferred style. MetForm Fields Text field, Email field, Number field, Date field Time field, Select field, Textarea field, Checkbox field, Radio field, Switcher field, Range slider field, URL field, Password field, Response Message, Opt-in, reCAPTCHA, Rating, File Upload, and many more. User Confirmation Email: Send automatic confirmation emails to form submitters right after they register or complete your campaign. Admin Notification Email: Notify admin of successful order notifications after users or customers complete a form submission. Saved Form Entries in the Admin Panel: Save all the data that users give to fill up the form and display it in the admin panel. Export Form Entries as CSV: Export all form submissions, contacts, and messages directly to Google Sheets with one integration. Export Form to Google Sheets: The popular Elementor form creator MetForm allows you to export all your users’ personal contacts, databases, and messages on Google Sheets. Required Login to Submit the Form: Mark required fields with a red star or error message to keep your contact form spam-free and complete. Capture User Browser Data: Displays the user’s browser information like Web browser, Visited URL, Title, Visit Time, Visit Count, User Profile, etc. Hide Form After Submission: Hide your public Elementor form after the user fills all the necessary fields and hits the submit button. Limit Total Entries: Set a maximum submission limit on any form and display an error message automatically once the limit is reached with this Elementor Contact form builder. Redirect After Successful Form Submission: Redirect users to any URL immediately after a successful form submission, no code required with this Elementor form maker. Validate Required Form Fields: This multi-step Elementor contact form builder helps to validate required fields across every step of your multi-step form and show error messages instantly. Form Submission via AJAX without Page Refreshes: Our Elementor contact form maker permits you to submit your contact us simple form without loading your page via AJAX to make it more user-friendly and time-saving. Therefore, online visitors can fill up the form using AJAX without page loading. Supports Multi-column Layout: Specify multiple-column layouts as many as you would like to display. Simply add the column in just one click with the multi-step form builder. Shortcode Support: Add powerful features with a simple Shortcode without any knowledge of technical, complicated, and lengthy code. Now, it’s easy to get Shortcode support for customization options. Editable Successful Form Submission Message: MetForm Elementor forms builder gives access to edit your successful form submission message so you can personalize your own message. Translation Ready: Our WordPress contact form builder plugin supports multiple languages which means you can easily translate a language into your language. Top-notch User Support: MetForm is enriched with docs, FAQs, tutorials, and blogs. You will find answers to your problems in these resources. And, the support team is one call away from you. Other Input fields Phone Number Input Field: Let users select prefix country code from the dropdown. Image Select Input Field: Upload images both vertically or horizontally to allow submitters to select one. Toggle Select Input Field: With our most powerful Toggle Select, you can activate one section from multiple sections at a time both vertically or horizontally. If you select one section as active, then another section will automatically get deactivated. Simple Repeater Input Field: Create a group of fields to use in the future within one click. Google Map Location Input Field: Let users pinpoint their location in forms. Color Picker Input Field: Design your form by choosing a color from the color picker. Calculation Fields List: Display automatically calculated values after users perform calculations among Form Fields. Payment Method Input Field: Select a payment method like Paypal or Stripe and make a user payment policy. Signature Input Field: Get users’ realistic signatures on your form. Like-Dislike Input Field: Allow users to react using like and dislike fields MetForm Contact Form Builder Also Includes Multi-Step Form: Divide your large form into multiple sections to make it more user-friendly for customers to increase the completion rate. Smart Conditional logic: Here comes our most unique field, “Conditional Logic.” It allows users to select a category, ensuring that the given question appears only for that section; otherwise, it remains invisible. Conditional logic demo 1 – Conditional logic demo 2 – Conditional logic demo 3 – Conditional logic demo 4 REST API Support: Get form submission data and submission notification to Third Party API URL or Webhook by integrating our Rest API very easily. WooCommerce checkout: Shows you the add to cart product and checkout form on a single page, Also, MetForm enables you to complete orders and payments without leaving the page. Auto Populate Field: Show additional fields after someone fills up the form. Calculation: Help you to perform your calculations and display the results within seconds in your form. Calculation demo 1 – Calculation demo 2 Webhook: Enable real-time data transfer and trigger instant actions based on form submission. **✨** MetForm Integrations 🔷 MailChimp Integration: Easily integrates MailChimp to create and manage a mailing list, automated mailing, newsletter, send leads, and many other options. 🔷 WordPress ZoHo CRM Integration: Manage customers’ relationships and speed up marketing and sales with the ZoHo integration of our Elementor form builder MetForm. 🔷 HubSpot Integration: Store all the contacts inside your HubSpot account without having fear of losing them. As a result, you can easily manage your visitors’ or clients’ information. 🔷 Payment Method: This WordPress form builder plugin integrates with payment gateways like PayPal and Stripe to give users a payment option in their Elementor contact form. 🔷 FluentCRM Integration: View all the embedding web form submission data inside FluentCRM and manage them for successful email marketing and growth hacking. 🔷 HelpScout Integration: Build a successful bond and manage the relationship with the customers better than ever with the HelpScout form. This contact form’s dynamic CRM integration lets you sort all contacts without any ticket or case number to save you time. 🔷 Twilio Integration: Connect with your clients, customers, or visitors via calls or messages with Twilio integration. 🔷 ConvertKit Integration: Successfully manage all the newsletters by integrating with ConvertKit which is built on the simplest interface. 🔷 ActiveCampaign Integration: Make a super easy contact list management with ActiveCampaign integration. 🔷 Aweber Integration: Simply integrate with Aweber, the email marketing service provider, and build Aweber forms that let you keep in touch with your subscribers. 🔷 GetResponse Integration: It is another newsletter integration like others to keep your email marketing list sorted. 🔷 MailPoet Integration: Connect your WordPress site with MailPoet to build your simple and easy contact us form with the easiest drag-and-drop feature. 🔷 Zapier Integration: Zapier integration in your forms allows you to connect with thousands of popular apps without any coding. 🔷 Slack Integration: You can redirect all the Elementor form data to integrate with Slack and get the customer information faster. 🔷 Google reCAPTCHA Integration: Metform Elementor form builder allows you to integrate Google reCAPTCHA to keep your site safe from unwanted spam and abusive traffic. 🔷 reCAPTCHA Integration: Keep your website safe from spam and abuses using Google reCAPTCHA. 🔷 Map Integration: Add Google map API key with MetForm- contact form builder to know your customer locations. 🔷 SureTriggers Integration: Bring different websites, applications, software, and WordPress plugins under a single platform. 🔷 MailerLite Integration: Streamline lead collection by syncing form submission data directly into your established MailerLite subscriber groups. Learn How to Install and Activate MetForm 😍 BACKED BY A TRUSTED TEAM MetForm is a contact form builder by Wpmet, trusted by 3,000,000+ WordPress users worldwide. » SOCIAL MEDIA SUPPORT 🙋🏼‍♂️ Join Our Facebook Community 👍 Like our Facebook Page 🌐 Follow us on X (Twitter) 🌐 Follow us on Instagram 🌐 Connect on LinkedIn 👉 Rate us on WordPress 💥 OUR OTHER PLUGINS If you like using the MetForm form builder, then consider checking out our other products: ⭕ ElementsKit The most popular all-in-one addons for Elementor. ⭕ ShopEngine It is an absolute WooCommerce Solution. You will have a great experience with this WooCommerce Builder for Elementor and Gutenberg. ⭕ GetGenie Ai GetGenie AI is an AI-powered Content & SEO Assistant. You can access it as a WordPress plugin and a SaaS model. The tool also offers a chatbot called GenieChat and an AI image generator named Genie Image. ⭕ Wp Social Power your WordPress site by using WP Social. It will assist you in adding a Social Login, Social Counter, and Social Login to your website. ⭕ GutenKit It helps to transform Gutenberg block editor into a full-fledged page builder. ⭕ PopupKit – PopupKit is a user-friendly WordPress popup builder with customizable blocks and templates. ⭕ EmailKit – To craft stunning and responsive emails for WooCommerce and WordPress, EmailKit is the top email builder. ⭕ Wp Ultimate Review – Check out the quick plugin, and manage and style customer reviews according to your preferences. ⭕ TableKit – Make fully-customizable multipurpose table & generate data table within Gutenberg block editor. Visit wpmet to learn more about how to get the best out of WordPress using our plugins. Check out Tutorials, Tips & Tricks! 👌