ड्रॉप-इन JS विजेट
एक सिंगल स्क्रिप्ट टैग पूरे वेरिफाई फ्लो को माउंट करता है — फोन इनपुट, कोड कैप्चर, रिट्राय, वॉइस फ़ालबैक। कोई डिज़ाइन वर्क नहीं, वायर अप करने के लिए कोई स्टेट मशीन नहीं।
बंडल
12 kB
माउंट
<div>
थीम्स
लाइट · डार्क
MyOTP.App · ड्रॉप-इन विजेट
ड्रॉप-इन OTP वेरिफिकेशन किसी भी ऐप के लिए।
MyOTP.App एक प्री-बिल्ट वेरिफाई विजेट है जिसे वेब और मोबाइल ऐप्स में पेस्ट-इंस्टॉल किया जा सकता है। फ़ोन इनपुट, कोड कैप्चर, रीट्राई, वॉइस फ़ालबैक और एंटी-फ्रॉड — यह सब BroadNet के ऑपरेटर-डायरेक्ट OTP रूट्स पर उपलब्ध है, और यह सब केवल एक स्क्रिप्ट टैग के माध्यम से संभव है।
5-मिनट इंटीग्रेशन 30+ भाषाएं ISO 27001
डिलीवर की गई
2.1s
वेरिफ़ाइड
अपना नंबर वेरिफ़ाई करें
myotp.app
चरण 3 / 3
फ़ोन नंबर
+971 50 ••• 4567
वेरिफिकेशन कोड
4
8
2
9
1
2
SMS · 2.1s में पहुँचा0:24 में दोबारा भेजें
यूज़र वेरिफ़ाइड
token · jwt.eyJhcHAiOiJhcHBfO…
MyOTP.App द्वारा संचालित
end-to-end साइन्ड
इंटीग्रेशन
5 min
एक स्क्रिप्ट टैग और एक div पेस्ट करें
भाषाएं
30+
तैयार स्थानीयकृत UI कॉपी
लेबल
White
आपका सेंडर, आपके कलर्स, आपका डोमेन
अपटाइम SLA
99.99%
अनुबंधित प्लेटफ़ॉर्म उपलब्धता
पेस्ट से लेकर साइन किए गए JWT तक
एक स्क्रिप्ट टैग,
पाँच इंजीनियर किए गए हॉप्स।
यह विजेट ही इंटीग्रेशन है। इसके पीछे, हर वेरिफ़िकेशन BroadNet के OTP-ओनली रूट्स का उपयोग करता है — जिसमें 5s से कम का मीडियन डिलीवरी समय, HLR प्री-वैलिडेशन, और पहले से ही सेट किए गए वॉइस फ़ॉलबैक शामिल हैं।
- 01 · विजेटस्क्रिप्ट + div
12kB JS विजेट किसी भी data-myotp div पर माउंट हो जाता है। फोन इनपुट, थीम, और लोकैल को data-* एट्रिब्यूट्स से पढ़ा जाता है। लिखने के लिए कोई स्टेट मशीन नहीं है।
माउंट < 80ms - 02 · ऐप IDसेशन वेरिफाई करें
Widget आपके ऐप की key के साथ BroadNet की वेरिफिकेशन सर्विस को कॉल करता है। इसमें ओरिजिन-चेक, CORS-पिनिंग और प्रति IP एवं प्रति सेशन रेट-लिमिटिंग की सुविधा है।
p50 < 60ms - 03 · चैनलSMS, Telegram या Voice
आपकी अकाउंट पॉलिसी द्वारा चुना गया चैनल। HLR प्री-वैलिडेशन डेड नंबर्स को खत्म कर देता है; यदि SMS DLR विंडो मिस कर देता है, तो वॉइस फ़ालबैक सक्रिय हो जाता है।
p50 < 1.4s - 04 · कोडयूज़र दर्ज करता है
iOS और Android पर SMS नोटिफिकेशन से ऑटो-कम्प्लीट करें। छह-अंकों वाला इनपुट, सुलभ, और अरबी एवं हिब्रू के लिए RTL-सक्षम।
UX, लेटेंसी नहीं - 05 · टोकनसाइंड JWT
वेरिफिकेशन सफल होने पर, widget आपको एक अल्पकालिक JWT (5-मिनट डिफ़ॉल्ट) प्रदान करता है। सेशन देने से पहले अपने सर्वर पर सिग्नेचर को वेरिफाई करें।
p50 < 30ms - ← webhook · सर्वर-ऑफ-ट्रुथ JWT वेरिफाई
01 · विजेट
स्क्रिप्ट + div
12kB JS विजेट किसी भी data-myotp div पर माउंट हो जाता है। फोन इनपुट, थीम, और लोकैल को data-* एट्रिब्यूट्स से पढ़ा जाता है। लिखने के लिए कोई स्टेट मशीन नहीं है।
माउंट < 80ms
02 · ऐप ID
सेशन वेरिफाई करें
Widget आपके ऐप की key के साथ BroadNet की वेरिफिकेशन सर्विस को कॉल करता है। इसमें ओरिजिन-चेक, CORS-पिनिंग और प्रति IP एवं प्रति सेशन रेट-लिमिटिंग की सुविधा है।
p50 < 60ms
03 · चैनल
SMS, Telegram या Voice
आपकी अकाउंट पॉलिसी द्वारा चुना गया चैनल। HLR प्री-वैलिडेशन डेड नंबर्स को खत्म कर देता है; यदि SMS DLR विंडो मिस कर देता है, तो वॉइस फ़ालबैक सक्रिय हो जाता है।
p50 < 1.4s
04 · कोड
यूज़र दर्ज करता है
iOS और Android पर SMS नोटिफिकेशन से ऑटो-कम्प्लीट करें। छह-अंकों वाला इनपुट, सुलभ, और अरबी एवं हिब्रू के लिए RTL-सक्षम।
UX, लेटेंसी नहीं
05 · टोकन
साइंड JWT
वेरिफिकेशन सफल होने पर, widget आपको एक अल्पकालिक JWT (5-मिनट डिफ़ॉल्ट) प्रदान करता है। सेशन देने से पहले अपने सर्वर पर सिग्नेचर को वेरिफाई करें।
p50 < 30ms
विजेट में क्या है
छह चीज़ें जिन्हें आपको बनाने की ज़रूरत नहीं है।
विजेट को माउंट करें, इसे अपने ऐप ID पर पॉइंट करें, और शुरू करें। नीचे दी गई सभी चीज़ें बॉक्स में शामिल हैं — थीम की गई, स्थानीयकृत और उसी OTP डिलीवरी पाथ से जुड़ी हुई जिस पर BroadNet का बाकी नेटवर्क चलता है।
नेटिव SDK
React, React Native, Flutter, iOS और Android के लिए फर्स्ट-पार्टी SDKs — वेब विजेट जैसा ही वेरिफिकेशन सरफेस और हर प्लेटफॉर्म पर नेटिव रेंडरिंग।
Web
React
मोबाइल
iOS · Android
हाइब्रिड
Flutter · RN
ब्रांडेड सेंडर
उन क्षेत्रों में अल्फ़ान्यूमेरिक सेंडर ID रजिस्टर करें जो इसकी अनुमति देते हैं; अन्य स्थानों पर न्यूमेरिक लॉन्ग-कोड और शॉर्ट-कोड का उपयोग करें। कोड आपके नाम से आते हैं, किसी साझा शॉर्टकोड से नहीं।
सेंडर ID
रजिस्टर्ड
लॉन्ग-कोड
प्रति देश
टेम्पलेट्स
प्रत्येक लोकेल के अनुसार
Voice फ़ालबैक
यदि SMS आपके विंडो के भीतर डिलीवरी रिपोर्ट नहीं देता है, तो विजेट स्वचालित रूप से एक वॉयस कॉल पर एस्केलेट हो जाता है — वही सेशन, वही कोड।
ट्रिगर
<10s
TTS
30+ भाषाएं
लागत
प्रति लेग
धोखाधड़ी विरोधी
वेलोसिटी कैप्स, जियो नियम, IP प्रतिष्ठा और HLR प्री-वैलिडेशन, एक भी मैसेज प्लेटफ़ॉर्म से बाहर जाने से पहले OTP टॉल-फ्रॉड और साइनअप-पंपिंग को रोक देते हैं।
वेलोसिटी
प्रति उपयोगकर्ता
Geo
अनुमति दें / अस्वीकार करें
HLR
इनलाइन
एनालिटिक्स डैशबोर्ड
वेरिफिकेशन सफलता, चैनल मिक्स, देश के अनुसार ड्रॉप-ऑफ और मीडियन डिलीवरी समय — डैशबोर्ड में लाइव, जिसे आप अपने वेयरहाउस में एक्सपोर्ट कर सकते हैं।
रियलटाइम
लाइव
एक्सपोर्ट
CSV · API
रिटेंशन
12 mo
एम्बेड स्निपेट
HTML की तीन लाइनें।
एक वेरिफ़ाइड यूजर।
विजेट किसी भी चिह्नित एलिमेंट पर खुद को माउंट कर लेता है data-myotp। सफलता मिलने पर यह एक शॉर्ट-लिव्ड JWT लौटाता है — इसे अपने सर्वर पर वेरिफाई करें और सेशन शुरू करें।
फ्रेमवर्क-एग्नोस्टिक
React, Vue, Svelte, Rails, Laravel के साथ काम करता है — कहीं भी जहाँ आप HTML पेस्ट कर सकते हैं।
अपने आप थीम सेट हो जाती है
CSS वेरिएबल्स से आपके कलर्स को इनहेरिट करता है; लाइट, डार्क और ब्रांड प्रीसेट्स के साथ आता है।
DOM में कोई PII नहीं
कोड और टोकन कभी भी पेज स्टेट को नहीं छूते — वे सील्ड iframe के अंदर रहते हैं।
index.html
v1 · stable
1<!-- 1 · Drop the script on any page2 (the widget script URL is issued with your app_id) -->3<script src="MYOTP_WIDGET_SCRIPT_URL" async></script>4 5<!-- 2 · Mount the verify flow -->6<div7 data-myotp8 data-app-id="app_8f2c9b1e"9 data-locale={__L}10 data-theme="light"11 data-on-verified="onUserVerified"12></div>13 14<!-- 3 · Handle the signed result -->15<script>16 function onUserVerified(result) {17 // result.token — short-lived JWT, verify on your server18 // result.phone — E.16419 // result.channel — "sms" | "voice"20 fetch("/api/session", {21 method: "POST",22 body: JSON.stringify({ token: result.token }),23 });24 }25</script>callback के माध्यम से परिणामReact · Flutter · iOS · Android SDKs
कस्टमर स्टोरीज़
तीन टीमें जिन्होंने
कस्टम वेरीफ़िकेशन फ्लो को रिटायर कर दिया।
गल्फ रियल-एस्टेट डेवलपररियल एस्टेट · GCC
चुनौती: एक कस्टम वेरीफ़ाई फ़्लो इंजीनियरों को लगातार रखरखाव में उलझाए रखता था। दृष्टिकोण: MyOTP विजेट ने कस्टम UI की जगह ली, और अरबी, अंग्रेज़ी और रूसी कॉपी एक साथ शिप की गई।
डिजिटल एक्सपीरियंस लीड (NDA के तहत संदर्भ)
दक्षिण पूर्व एशियाई फिनटेक प्लेटफॉर्मफिनटेक · APAC
चुनौती: एक बड़ा यूज़र बेस वेब और मोबाइल पर कई अलग-अलग OTP UI इस्तेमाल करता था, जिनमें कोई एकीकृत एनालिटिक्स नहीं था। दृष्टिकोण: एक सिंगल Flutter SDK और वेब विजेट ने iOS, Android और ब्राउज़र पर वेरिफ़िकेशन को मानकीकृत किया।
VP इंजीनियरिंग (NDA के तहत संदर्भ)
Pan-MENA एयरलाइनएयरलाइन · MENA
चुनौती: पीक ट्रैवल सीजन के दौरान बुजुर्ग यात्री अक्सर SMS कोड मिस कर देते हैं, जिससे बुकिंग कन्वर्जन कम हो जाता है। दृष्टिकोण: विजेट को उसी चेकआउट सेशन में अरबी भाषा में वॉइस-फ़ॉलबैक सक्षम करके तैनात किया गया था।
डिजिटल प्रोडक्ट लीड (NDA के तहत संदर्भ)
कंप्लायंस
रेगुलेटेड वर्कलोड के लिए ऑडिट किया गया।
प्रत्येक वेरिफिकेशन का एक इवेंट ट्रेल होता है। रिटेंशन और रेजिडेंसी को वर्कस्पेस के अनुसार कॉन्फ़िगर किया जा सकता है — जिसमें गल्फ-रेगुलेटेड वर्कलोड के लिए MENA-रेसिडेंट विकल्प भी शामिल हैं।
ISO 27001
सूचना सुरक्षा प्रबंधन प्रमाणित
GDPR-अलाइन
अनुरोध पर EU रेजिडेंसी और DPA उपलब्ध है
Webhooks
प्रत्येक वेरिफिकेशन रिजल्ट के लिए भेजा गया
MENA-रेसिडेंट
रेगुलेटेड वर्कलोड्स के लिए गल्फ डेटा रेजिडेंसी
खरीदार जो सवाल पूछते हैं
MyOTP,
सीधे जवाब दिए गए हैं।
एक स्टैटिक पेज पर, ऐप-ID बनाने से लेकर पहले वेरिफ़ाइड यूजर तक 5 मिनट से भी कम समय लगता है — बस स्क्रिप्ट टैग पेस्ट करें, एक div डालें और एक कॉलबैक लिखें। एक SPA (React/Vue/Next.js) पर, SDK इंस्टॉलेशन और आपके सर्वर पर JWT वेरिफ़िकेशन सहित 15–30 मिनट लगते हैं। आपके बिल्ड सेटअप के आधार पर मोबाइल SDKs का इंटीग्रेशन 30–60 मिनट का होता है।
थीम (लाइट/डार्क/कस्टम CSS वेरिएबल्स), ब्रांड कलर, लोगो URL, एक्सेंट कलर, फ़ॉन्ट-फैमिली, हर लोकेल के लिए हर UI स्ट्रिंग का कॉपी, हर देश के लिए सेंडर ID, वॉइस फ़ालबैक टाइमिंग, रिट्राय पॉलिसी, और मोडल फ्रेम के लिए CSS ओवरराइड्स। यह विजेट एक Shadow DOM वेब कंपोनेंट है — आपके पेज का CSS इसमें लीक नहीं होगा।
हाँ। कोई 'powered by MyOTP' बैज नहीं। आपका सेंडर ID कोड डिलीवर करता है, आपका डोमेन iframe को होस्ट करता है (CNAME सेटअप), आपका लोगो और ब्रांड कलर्स मोडल को रेंडर करते हैं। MyOTP का एकमात्र उल्लेख आपके अपने डैशबोर्ड के अंदर होगा।
पिछली गणना के अनुसार 30+ भाषाएँ: English, Arabic (पूर्ण RTL के साथ), French, Spanish, Portuguese (PT और BR), German, Italian, Dutch, Polish, Turkish, Russian, Ukrainian, Hindi, Urdu, Bangla, Tamil, Indonesian, Malay, Thai, Vietnamese, Japanese, Korean, Simplified और Traditional Chinese, Hebrew, Greek, Romanian, Czech, Hungarian, Swedish, Norwegian, Danish, Finnish। आप प्रत्येक लोकेल के लिए किसी भी स्ट्रिंग को ओवरराइड कर सकते हैं।
प्रत्येक वेरिफाइड यूजर के लिए, जिसे मूल्यांकन के लिए एक फ्री टियर के साथ उपलब्ध कराया गया है। मानक सेंडर ID पर सांकेतिक प्रोडक्शन कीमतें लगभग $0.05/वेरिफिकेशन से शुरू होती हैं और वॉल्यूम के साथ कम हो जाती हैं; हाई-वॉल्यूम और एंटरप्राइज टियर के लिए आपके देश के मिश्रण और मासिक कमिटमेंट के आधार पर कोटेशन दिया जाता है। वॉइस फॉलबैक के लिए कनेक्टेड कॉल के आधार पर अलग से बिल किया जाता है। ये आंकड़े केवल उदाहरण के लिए हैं और रूट के आधार पर भिन्न हो सकते हैं — अंतिम दरें आपके कमर्शियल एग्रीमेंट में निर्धारित की जाती हैं।
हमेशा। विजेट ब्राउज़र को एक अल्पकालिक JWT देता है लेकिन साथ ही आपके सर्वर पर उसी वेरिफिकेशन इवेंट के साथ एक webhook भी POST करता है। आपको क्लाइंट JWT को केवल एक संकेत के रूप में और webhook को आधिकारिक के रूप में मानना चाहिए — हर कोड सैंपल में यही इंटीग्रेशन पैटर्न है।
इन-बिल्ट: प्रति-फ़ोन वेलोसिटी कैप्स, प्रति-IP वेलोसिटी कैप्स, जियो allow/deny, IP रेपुटेशन गेटिंग, पोर्टेड-आउट और डिस्कनेक्टेड नंबरों के विरुद्ध HLR प्री-वैलिडेशन, और ज्ञात टॉल-फ्रॉड प्रीफ़िक्स के विरुद्ध डेस्टिनेशन रिस्क स्कोर। डैशबोर्ड में सभी कॉन्फ़िगर करने योग्य हैं; पंपिंग हमलों को बिलिंग से पहले ही ब्लॉक कर दिया जाता है।
डेडिकेटेड तकनीकी अकाउंट मैनेजर, कस्टम रेट-लिमिट के साथ समर्पित ऐप-ID, व्हाइट-लेबल CNAME और कस्टम सबडोमेन, ऑन-प्रिमिस JWT साइनिंग-की रोटेशन, ऑटोमैटिक क्रेडिट के साथ 99.99% विजेट-उपलब्धता SLA, और इंसिडेंट रिस्पांस के लिए हमारी इंजीनियरिंग टीम के साथ एक साझा Slack चैनल।
आपका प्रश्न यहाँ नहीं है? हमारी इंजीनियरिंग टीम से पूछें
लॉग इन करें। वेरिफाई करें। हो गया।
लंच से पहले अपने पहले यूजर को वेरिफाई करें।
एक स्क्रिप्ट टैग पेस्ट करें, एक div माउंट करें, और विजेट बाकी काम कर देता है — फोन कैप्चर, कोड एंट्री, वॉइस फ़ॉलबैक, एंटी-फ्रॉड, एनालिटिक्स। फ्री टियर, कोई कार्ड नहीं।
$ <div data-myotp data-app-id="your_app_id"></div>
संबंधित गाइड और उत्तर
इस प्रोडक्ट के पीछे की अवधारणाओं को विस्तार से समझें।