Input Mask For Elementor Form Fields vs Widgets for WooCommerce Products on Elementor

Input Mask For Elementor Form Fields is an Elementor addon that helps to add input masks on Elementor form fields. It helps you control how users enter data into form fields, ensuring properly formatted entries for phone numbers, credit cards, dates, Brazilian IDs, and more. Originally developed by Rodrigo Bogdanowicz, this plugin is now actively maintained and supported by the Cool Plugins team, who continue to add new features, bug fixes, and compatibility updates. This plugin works with Elementor Pro and the Hello Plus form widget. Simply edit your Elementor form, select a text field, and apply the desired mask. 👉 Check Live Demo Need more advanced Elementor form fields? Extend your forms with Cool FormKit (aka coolformkit). With Cool FormKit, you can add: Range Sliders Calculator Fields Signature Fields Rating Fields Conditional Logic Spam protection with hCaptcha and Cloudflare Turnstile Supported Input Masks Phone Masks: Add common phone number formats such as USA, Brazil, and more. 0000-0000 (000) 000-0000 (00) 0000-0000 (00) 0.0000-0000 Credit Card Masks: Format card numbers and expiry dates. Card: 0000-0000-0000-0000 Expiry: 00/00 Date & Time Masks: Keep date and time inputs consistent. Date: 00/00/0000 Time: 00:00:00 Date & Time: 00/00/0000 00:00:00 Currency Masks: Enforce correct money formats. Comma style: 00,000.00 Dot style: 00.000,00 Brazilian Formats (CPF, CNPJ, CEP): Capture accurate Brazilian IDs. CPF: 000.000.000-00 CNPJ: 00.000.000/0000-00 CEP: 00000-000 More Addons for Elementor Forms Conditional Fields for Elementor Form – Add conditional logic to show, hide, enable, or disable fields dynamically. Country Code for Elementor Form Telephone Field – Add a dropdown with country codes and flags for phone fields. Cool FormKit – A complete Elementor form builder addon that extends Pro forms and adds a full widget for Elementor Free. Other Popular Elementor Addons by Cool Plugins Timeline Widget for Elementor – Create stunning vertical and horizontal timelines inside Elementor editor easily. Events Widgets for Elementor – Add The Events Calendar in Elementor pages easily via using these events widgets. AutoPoly – AI Translation for Polylang – Translate Elementor websites automatically via AI and Polylang plugin. Loop Grid Extender for Elementor Pro – Add ACF repeater support and advanced taxonomy filters in Elementor loop builder. LocoAI – Auto Translate for Loco Translate – AI-powered string translation for plugins and themes inside Loco Translate. 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 endorsed by the official Elementor team. Some links provided may be affiliate links, which means we could earn a small commission at no additional cost to you if you make a purchase. 👉 Get Cool FormKit – Advanced Elementor Form Builder

The special widgets are made exclusively for WooCommerce websites, providing opportunity to display the products in the most attractive layouts. Products List Use this widget to add the stylish listings of the WooCommerce products for build your shop pages with Elementor. Products Grid This widget adds the WooCommerce products into attractive grid layouts as well to build your shop pages with Elementor. Categories Grid This widget adds the WooCommerce Product Categories Grid layouts to build your shop pages with Elementor on WooCommerce-based websites. Please, note, that in order for the widgets to display the content you need to create at least several WooCommerce products with prices and thumbnail images and add them to at least several product categories. Then just drag and drop the needed widget into the page and built with Elementor. It will pull the categories or products and let you set the columns layout, query type, order, etc. There are also multiple Style settings for every widget, allowing to customize the items, thumbnails shown, excerpts, price blocks, etc. With Woo Products Widgets it will be easy to add WooCommerce products to any of your pages built with Elementor just in a few clicks! Pro Features WooCommerce Shop, Archive, Single product, Cart, Checkout, Thank you, My Account Page Builder. 36+ Elementor Widget for Shop, Archive, Single product, Cart, Checkout, Thank you, My Account Page to make and edit every pages Product widget usable as a archive page products. Product Filter By Types No single code required to build your WooCommerce Pages. Product widget thumbnails and effects And Much more…. Important Note You must use Elementor 3.0, caused elementor deperacted lot of things, so we update codes and so on.