Phone Mask in Elementor – Format WhatsApp Field in Form

This is a custom code

R$6,00

Downloads

Update Date: 08/05/2025

Secure Purchase. 7-day guarantee.

Description

Do you want to apply a phone mask in 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 experience to the user.

This script is ideal for those who use forms in WordPress with Elementor 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: (00) 00000-0000.


What Does This Script Do?

  • Add jQuery and jQuery Mask via CDN
  • Apply mask to field with custom ID
  • Works perfectly with Elementor native form
  • Facilitates lead collection and sending to WhatsApp with formatted number

How to Use Script in Elementor (Step by Step)

1. Download the file .txt after purchase

You will receive the code ready to copy.

2. In Elementor, add a widget HTML

  • Edit the page where your form is located
  • Drag the HTML widget to the desired area (can be below the form)
  • Paste the contents of the file .txt in the HTML field

3. Configure the phone field

  • Click on the phone field in your form
  • Go to Advanced > CSS ID
  • Set the ID as: form-field-whatsapp

4. Save and test

When accessing the page, the field will already have the mask applied, automatically formatting the telephone number.


Why Wear a Mask in the WhatsApp Field?

  • Avoid incomplete or invalid numbers
  • Ensures entry standard for automations and CRM
  • Gives your visitor more professionalism
  • Works without heavy or complex plugins
See more