🎨

SMSTunnel for Elementor Forms

Elementor Pro Form Action

Requires Elementor Pro • SMSTunnel Core Required

Coming to WordPress.org. Want it sooner? Write to us.

Description

SMSTunnel for Elementor Forms adds two actions to the Elementor Pro Form widget: "SMSTunnel SMS" texts you when someone submits the form, and "SMSTunnel SMS (2) Autoresponder" texts them a confirmation. The texts go out from your own phone and number.

Perfect for Elementor users who want to add SMS capabilities without leaving the familiar Elementor interface.

Features

Native Form Action - Appears in Actions After Submit, alongside Email, Webhook, and other actions
Autoresponder - SMSTunnel SMS (2) Autoresponder texts a confirmation to the person who filled in the form
Visual Configuration - Set up SMS directly in Elementor panel
Several Numbers - Separate numbers with commas; each number gets its own text
Shortcode Support - Use [field id="..."] in numbers and messages, and [all-fields] for every field
Multiple Actions - Combine with other form actions

Field Shortcodes

Reference form fields in your SMS using Elementor shortcodes:

[field id="name"] - Field by ID

[field id="email"] - Email field

[field id="phone"] - Phone field

[field id="message"] - Message field

[all-fields] - All submitted fields

Field IDs are set in the form field's Advanced tab in Elementor. These two shortcodes are the only ones the add-on fills in.

Setup Steps

Edit a page with Elementor
Add or select a Form widget
Go to Actions After Submit
Add SMSTunnel SMS (a text to you) and/or SMSTunnel SMS (2) Autoresponder (a text to the person who filled in the form)
Open the new section with the same name and fill in the phone number and message
Use field shortcodes for dynamic content

Example Configuration

SMSTunnel SMS (to you):

Recipient Phone Number(s): +14155550123
Message Body: "New message from [field id="name"]: [field id="message"]"

SMSTunnel SMS (2) Autoresponder (to the person):

Recipient Phone Number: [field id="phone"]
Confirmation Message: "Hi [field id="name"], thanks for reaching out! We'll contact you soon."

Installation

Install the SMSTunnel core plugin and link your phone: SMSTunnel → Quick Setup, then scan the QR code with the SMSTunnel app (Connections → Link with QR code)
Make sure Elementor and Elementor Pro are installed and active
Add this add-on. It's coming to WordPress.org; once it's there, go to Plugins → Add Plugin, search for SMSTunnel Notifications for Elementor Forms, click Install Now, then Activate
Edit a form in Elementor → Actions After Submit → add SMSTunnel SMS

Requirements

WordPress 5.0 or higher
PHP 7.4 or higher
Elementor and Elementor Pro (the Form widget is Pro only)
SMSTunnel core plugin (installed and connected)

Changelog

1.0.2

The SMS actions now appear under Actions After Submit (before, the add-on started too late to add them)
Elementor is listed as a required plugin, so WordPress asks for it on activation

1.0.1

Phone numbers are checked before sending; premium-rate numbers are skipped

1.0.0

Initial release

Build it with an AI assistant

Copy this prompt into Claude, ChatGPT, Cursor or Copilot and replace the part in [brackets]. Don't paste your API key into the chat: the prompt doesn't need it.

Help me set up SMSTunnel texts for my Elementor Pro forms in WordPress.

About SMSTunnel (https://smstunnel.io): my own apps and tools hand text messages (SMS) to my SMSTunnel account, and my own Android phone sends them from my own number, on my own SIM and plan. The phone runs the SMSTunnel app from Google Play (https://play.google.com/store/apps/details?id=io.smstunnel.app), signed in to my account.

What I want: [describe what should send a text, to whom, and when]

How it works:
- Plugins: SMSTunnel (core), the add-on "SMSTunnel Notifications for Elementor Forms" (coming to WordPress.org, not there yet; once it is: Plugins → Add Plugin → search for its name), and Elementor plus Elementor Pro, whose Form widget it extends.
- The SMSTunnel core plugin (https://wordpress.org/plugins/smstunnel/) links the site to my phone: SMSTunnel → Quick Setup, then I scan the QR code with the SMSTunnel app (Connections → Link with QR code) and approve on the phone. An API key works too: SMSTunnel → Settings → "Connect with API Key".
- Settings: edit the page in Elementor, select the Form widget → "Actions After Submit" → add "SMSTunnel SMS" and/or "SMSTunnel SMS (2) Autoresponder"; each gets its own section. "SMSTunnel SMS": "Recipient Phone Number(s)" (several, separated by commas; [field id="phone"] takes the number from a form field), "Message Body" (default "New form submission:", then [all-fields]). SMS (2): "Recipient Phone Number" (one number, like [field id="phone"]) and "Confirmation Message".
- Tags: [field id="ID"] and [all-fields] only.
- Numbers must start with + and the country code (spaces are fine). A local number with a leading 0 is skipped, one without + is read as if it began with a country code, and premium-rate numbers are always skipped. Each number gets its own text; texts are cut at 1600 characters. If my phone is offline, the texts wait and go out when it is back.
- For custom code, the core plugin has smstunnel_send_sms($phone, $message, $args = array()), with $args 'is_2fa' (sends through the sign-in code endpoint), 'order_id' and 'source'; it returns an array with 'success' and 'messageId', or 'error'. smstunnel_sanitize_recipient($phone) returns the number in international format, or '' when it is invalid or premium-rate.

Rules for your answer:
- Do not ask for my SMSTunnel password or API key and do not put a real key in your answer; I will not paste it in this chat.
- Phone numbers must be in international format (+ and the country code).
- Help me test it with my own number first.
- Only send texts people expect from me. No unsolicited texts.

Other Form Builder Integrations