{"id":21116,"date":"2025-05-01T02:12:18","date_gmt":"2025-05-01T05:12:18","guid":{"rendered":"https:\/\/packdesites.com\/?post_type=product&#038;p=21116"},"modified":"2025-05-08T15:07:27","modified_gmt":"2025-05-08T18:07:27","slug":"phone-mask-in-elementor-format-the-whatsapp-field-in-the-form","status":"publish","type":"product","link":"https:\/\/backup.packdesites.com\/en\/product\/phone-mask-in-elementor-format-the-whatsapp-field-in-the-form\/","title":{"rendered":"Phone Mask in Elementor \u2013 Format WhatsApp Field in Form"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Do you want to apply a <strong>phone mask in elementor form<\/strong> in a simple and effective way? This ready-made code allows you to automatically format the WhatsApp field in the Brazilian standard, offering a much more professional experience to the user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This script is ideal for those who use <strong>forms in WordPress with Elementor<\/strong> and want to insert an input mask without needing extra plugins. Compatible with any layout, it ensures that the numbers entered are in the correct format: <strong>(00) 00000-0000<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">What Does This Script Do?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add jQuery and jQuery Mask via CDN<\/li>\n\n\n\n<li>Apply mask to field with custom ID<\/li>\n\n\n\n<li>Works perfectly with Elementor native form<\/li>\n\n\n\n<li>Facilitates lead collection and sending to WhatsApp with formatted number<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Script in Elementor (Step by Step)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Download the file <code>.txt<\/code> after purchase<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will receive the code ready to copy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. In Elementor, add a widget <strong>HTML<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Edit the page where your form is located<\/li>\n\n\n\n<li>Drag the HTML widget to the desired area (can be below the form)<\/li>\n\n\n\n<li>Paste the contents of the file <code>.txt<\/code> in the HTML field<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Configure the phone field<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the phone field in your form<\/li>\n\n\n\n<li>Go to <strong>Advanced &gt; CSS ID<\/strong><\/li>\n\n\n\n<li>Set the ID as: <code>form-field-whatsapp<\/code><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Save and test<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When accessing the page, the field will already have the mask applied, automatically formatting the telephone number.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Why Wear a Mask in the WhatsApp Field?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Avoid incomplete or invalid numbers<\/li>\n\n\n\n<li>Ensures entry standard for automations and CRM<\/li>\n\n\n\n<li>Gives your visitor more professionalism<\/li>\n\n\n\n<li>Works without heavy or complex plugins<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Want to apply a phone number mask to your Elementor form in a simple and effective way? This ready-made code allows you to automatically format the WhatsApp field in the Brazilian standard, offering a much more professional user experience. This script is ideal for those who use WordPress forms with Elementor and want to insert an input mask [\u2026]<\/p>","protected":false},"featured_media":21117,"comment_status":"open","ping_status":"closed","template":"","meta":{"_jf_limit_responses":"","iawp_total_views":36},"product_brand":[],"product_cat":[75,77],"product_tag":[91,49],"class_list":["post-21116","product","type-product","status-publish","has-post-thumbnail","product_cat-codigos-personalizados","product_cat-javascript","product_tag-business","product_tag-starter","first","instock","downloadable","virtual","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product\/21116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/comments?post=21116"}],"version-history":[{"count":0,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product\/21116\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/media\/21117"}],"wp:attachment":[{"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/media?parent=21116"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product_brand?post=21116"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product_cat?post=21116"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/backup.packdesites.com\/en\/wp-json\/wp\/v2\/product_tag?post=21116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}