WooCommerce Plugin
The MSG91 WooCommerce plugin enables automated SMS notifications for order updates, cancellations, and more. It integrates directly with your WordPress dashboard, allowing for easy setup and management.
MSG91 AuthKey Configuration
Login to MSG91 Dashboard:
Navigate to https://control.msg91.com/app/ and sign in with your credentials.
Locate the AuthKey Link:
On the top right of the dashboard, you will see a link labeled “AuthKey” — click on it.
View or Generate AuthKey:
1.You will see your Primary AuthKey listed.
2. If you don’t see one, click on “Generate AuthKey”.
3. You can also create multiple keys for different projects or environments (e.g., testing vs production).
Sender ID Configuration
Click the blue + Create Sender ID button in the top-right.
Enter your preferred Sender ID (max 6 characters).
Example: HAPPY1, BRANDX, etc.
Select the purpose:
Transactional: For system alerts, OTPs, and other high-priority messages.
Promotional: For marketing and promotional content.
Submit for approval.
Template Configuration
To create a new message template:
Click the blue + Create Template button.
Choose the template type:
Transactional – For OTPs, alerts, updates.
Promotional – For marketing purposes.
Fill in:
Template Name
Message Content (use variables like {{otp}} or ##otp##)
DLT Template ID (required in India for compliance)
Submit it for approval.
MSG91 WordPress Plugin Setup
Quick Setup Steps
Get Your API Key:
Log in to your MSG91 dashboard.
Go to Settings > API Key and copy your Auth Key.
Use Your Approved Sender ID:
Must match what’s registered in your DLT panel.
Example: HAPPYX, TXTLTD
Paste Your Approved Template ID:
Copy it from the “Templates” tab (e.g., 68062d4ad6fc052ac62f1e22).
Make sure the content you send matches this exactly.
Configure OTP Limit & Resend Timer:
Adjust based on how often users may need OTPs.
Use Shortcodes on Frontend:
Place [msg91_otp_form] on a login page.
Or use [msg91_otp_popup_form] and assign the otp-popup-trigger class to buttons or links.
OTP Form Design & Messaging Settings
1. Send OTP Form Customization
Image URL for Send OTP Form
Add a full image URL (like a logo or banner) that will appear above the mobile number field. For example: https://yourdomain.com/logo.png.
Send OTP Form Label
This is the label shown above the mobile number field. Default is something like “Mobile Number”, but you can customize it to anything you want.
Send OTP Label Color
You can set the text color for the label using a hex code (like #000000 for black).
Send OTP Form Description
This is the small help text under the mobile number field. You can use it to reassure users, e.g., “We will send you an OTP”.
Send OTP Description Color
Lets you change the color of the description text.
Send OTP Form Button Text
This is the text inside the button users click to request an OTP. You might use something like “Send OTP” or “Get Code”.
Send OTP Button Color
Change the background color of the button using a hex code (e.g., #ff6600 for orange).
Send OTP Form Validation Message
This is the error message shown if the user submits an invalid number. For example: “Please enter a valid mobile number”.
2.Verify OTP Form Customization
Image URL for Verify OTP Form
Like the send form, this lets you set an image above the OTP input box for branding or design consistency.
Verify OTP Form Label
The label above the OTP input field. You might use something like “Enter OTP” or “Enter the code sent to your phone”.
Redirect Settings After Login:
Redirect Page URL
Once the user is successfully logged in using OTP, they’ll be redirected to this URL.
Example: http://localhost/wordpress/dashboard or your homepage.
Country Selection Options
These settings help configure how the country selection appears in the phone number input field.
Default Country
Select the default country that will be pre-selected in the mobile number field. For instance, choosing India (+91) will show the Indian flag and code by default.
Do you want to show country flag?
A checkbox to toggle the display of country flags next to the country name/code. It’s helpful for better visual clarity and UX.
Selected Countries
Choose the countries you want to appear in the dropdown for phone number selection.
For example, if your users are mostly in India, Indonesia, and Iran, just select those. This makes the dropdown less cluttered and more user-friendly.
