To send an SMS notification to a mobile phone number when someone submits the Elementor Pro contact form, you can use a third-party service like Twilio. Here’s a step-by-step guide on how to set this up, with T-Mobile being used as the mobile carrier for this example:
Sign up for a Twilio account: Go to the Twilio website (https://www.twilio.com/) and sign up for a free account. Once your account is created, you’ll need to verify your phone number and get your Twilio phone number, Account SID, and Auth Token.
Install a plugin to connect Elementor with Twilio: In your WordPress dashboard, go to Plugins > Add New. Search for “Twilio SMS Notifications for Elementor” and install and activate the plugin by Haisum.
Configure the plugin settings: After activating the plugin, go to your WordPress Dashboard > Elementor > Twilio SMS Settings. Fill in the required fields with the Twilio Account SID, Auth Token, and the Twilio phone number you obtained earlier. Save the settings.
Edit your Elementor form: Open the page with the Elementor contact form and click ‘Edit with Elementor’. Select the Form widget to access its settings.
Add a webhook action: In the Form widget’s Content tab, scroll down to the ‘Actions After Submit’ section. Click the “+” icon and select “Webhook” from the list of available actions.
Configure the webhook settings: Once the webhook action is added, a new section called “Webhook” will appear in the settings. In the “Webhook URL” field, enter the following URL:
https://yourdomain.com/wp-json/twilio_sms_notifications/v1/send_sms
Replace “yourdomain.com” with your website’s domain name.
- Add a hidden field for the phone number: In the Form widget’s Content tab, click “Add item” to add a new form field. Set the field type to “Hidden” and enter a label for the field, such as “Phone Number”. In the “Default Value” field, enter the T-Mobile phone number to which you want to send the SMS notifications, in the following format:
+1XXXXXXXXXX
Replace “XXXXXXXXXX” with the 10-digit T-Mobile phone number.
- Save and test: Click the “Update” button at the bottom of the Elementor editor to save your changes. Test your contact form by submitting it, and you should receive an SMS notification on the specified T-Mobile phone number.
Please note that the Twilio free trial has certain limitations, and you might need to upgrade to a paid plan if you require additional features or higher usage limits.
To learn how to use your mobile provider’s free SMS Gateway to send contact form notifications to your mobile, read are how to guide here.
