Widget JS drop-in
Satu tag skrip memasang seluruh alur verifikasi — input telepon, penangkapan kode, coba lagi, dan fallback suara. Tanpa pekerjaan desain, tanpa perlu menyusun state machine.
Bundle
12 kB
Pasang
<div>
Tema
Terang · Gelap
Widget drop-in MyOTP.App
Siap pakai: Verifikasi OTP untuk aplikasi apa pun.
MyOTP.App adalah widget verifikasi siap pakai yang dapat dipasang langsung ke aplikasi web dan seluler. Input nomor telepon, penangkapan kode, coba lagi, fallback suara, dan anti-penipuan — semuanya melalui rute OTP yang terhubung langsung ke operator milik BroadNet, semuanya dalam satu tag skrip.
Integrasi 5 menit 30+ bahasa ISO 27001
Terkirim dalam
2.1s
Terverifikasi
Verifikasi nomor Anda
myotp.app
langkah 3 / 3
Nomor telepon
+971 50 ••• 4567
Kode verifikasi
4
8
2
9
1
2
SMS · tiba dalam 2,1 detikKirim ulang dalam 0:24
Pengguna terverifikasi
token · jwt.eyJhcHAiOiJhcHBfO…
Didukung oleh MyOTP.App
ditandatangani end-to-end
Integrasi
5 min
Tempel satu tag skrip dan sebuah div
Bahasa
30+
Teks UI terlokalisasi, siap pakai
Label
White
Sender ID Anda, warna Anda, domain Anda
SLA Uptime
99.99%
Ketersediaan platform sesuai kontrak
Dari tempel hingga JWT bertanda tangan
Satu tag skrip,
lima hop teknis.
Widget ini adalah integrasinya. Di baliknya, setiap verifikasi menggunakan rute OTP-only milik BroadNet — median pengiriman di bawah 5 detik, HLR pra-validasi, dan fallback suara yang sudah terintegrasi.
- 01 · WidgetSkrip + div
Widget JS 12kB terpasang pada div data-myotp apa pun. Input telepon, tema, dan lokal dibaca dari atribut data-*. Tidak perlu menulis state machine.
Mount < 80ms - 02 · ID AplikasiVerifikasi sesi
Widget memanggil layanan verifikasi BroadNet menggunakan kunci aplikasi Anda. Dilengkapi pemeriksaan asal, CORS-pinned, serta pembatasan laju per IP dan per sesi.
p50 < 60ms - 03 · SaluranSMS, Telegram atau Suara
Saluran dipilih sesuai kebijakan akun Anda. Pra-validasi HLR mengeliminasi nomor mati; fallback suara akan aktif jika SMS DLR melewati jendela waktu.
p50 < 1.4s - 04 · KodePengguna memasukkan
Lengkapi otomatis dari notifikasi SMS di iOS dan Android. Input enam digit, mudah diakses, dan mendukung RTL untuk bahasa Arab dan Ibrani.
UX, bukan latensi - 05 · TokenJWT bertanda tangan
Setelah verifikasi berhasil, widget akan memberikan JWT berdurasi singkat (default 5 menit). Verifikasi tanda tangan pada server Anda sebelum memberikan sesi.
p50 < 30ms - ← webhook · verifikasi JWT server-of-truth
01 · Widget
Skrip + div
Widget JS 12kB terpasang pada div data-myotp apa pun. Input telepon, tema, dan lokal dibaca dari atribut data-*. Tidak perlu menulis state machine.
Mount < 80ms
02 · ID Aplikasi
Verifikasi sesi
Widget memanggil layanan verifikasi BroadNet menggunakan kunci aplikasi Anda. Dilengkapi pemeriksaan asal, CORS-pinned, serta pembatasan laju per IP dan per sesi.
p50 < 60ms
03 · Saluran
SMS, Telegram atau Suara
Saluran dipilih sesuai kebijakan akun Anda. Pra-validasi HLR mengeliminasi nomor mati; fallback suara akan aktif jika SMS DLR melewati jendela waktu.
p50 < 1.4s
04 · Kode
Pengguna memasukkan
Lengkapi otomatis dari notifikasi SMS di iOS dan Android. Input enam digit, mudah diakses, dan mendukung RTL untuk bahasa Arab dan Ibrani.
UX, bukan latensi
05 · Token
JWT bertanda tangan
Setelah verifikasi berhasil, widget akan memberikan JWT berdurasi singkat (default 5 menit). Verifikasi tanda tangan pada server Anda sebelum memberikan sesi.
p50 < 30ms
Isi dari widget
Enam hal yang tidak perlu Anda bangun.
Pasang widget, arahkan ke ID aplikasi Anda, dan jalankan. Semua fitur di bawah ini sudah tersedia — bertema, terlokalisasi, dan terhubung ke jalur pengiriman OTP yang sama dengan jaringan BroadNet lainnya.
SDK Native
SDK pihak pertama SDK untuk React, React Native, Flutter, iOS, dan Android — antarmuka verifikasi yang sama dengan widget web, rendering asli di setiap platform.
Web
React
Seluler
iOS · Android
Hybrid
Flutter · RN
Sender ID bermerek
Daftarkan sender ID alfanumerik di wilayah yang mengizinkannya; long-code numerik dan short-code di wilayah lain. Kode akan datang atas nama Anda, bukan dari shortcode bersama.
Sender ID
Terdaftar
Long-code
Per negara
Templat
Per lokal
Voice fallback
Jika SMS tidak mengembalikan laporan pengiriman dalam jendela waktu Anda, widget akan melakukan eskalasi ke panggilan suara secara otomatis — sesi yang sama, kode yang sama.
Pemicu
<10s
TTS
30+ bahasa
Biaya
Per segmen
Anti-penipuan
Batas kecepatan, aturan geo, reputasi IP, dan pra-validasi HLR memblokir toll-fraud OTP dan manipulasi pendaftaran sebelum satu pesan pun meninggalkan platform.
Velocity
Per pengguna
Geo
Izinkan / tolak
HLR
Kontrol
Dasbor analitik
Keberhasilan verifikasi, bauran saluran, drop-off berdasarkan negara, dan median waktu pengiriman — tersedia secara langsung di dasbor, dapat diekspor ke gudang data Anda.
Realtime
Langsung
Ekspor
CSV · API
Retensi
12 bln
Sematkan cuplikan
Tiga baris HTML.
Satu pengguna terverifikasi.
Widget terpasang secara otomatis pada elemen apa pun yang ditandai data-myotp. Jika berhasil, sistem mengembalikan JWT berdurasi singkat — verifikasi di server Anda dan mulai sesi.
Agnostik terhadap framework
Bekerja di dalam React, Vue, Svelte, Rails, Laravel — di mana pun Anda dapat menempelkan HTML.
Tema otomatis
Mewarisi warna Anda dari variabel CSS; dilengkapi dengan preset light, dark, dan brand.
Tidak ada PII dalam DOM
Kode dan token tidak pernah menyentuh status halaman — semuanya berada di dalam iframe yang tersegel.
index.html
v1 · stabil
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>Hasil melalui callbackSDK React · Flutter · iOS · Android
Cerita pelanggan
Tiga tim yang meninggalkan
alur verifikasi khusus mereka.
Pengembang real estat TelukReal estate · GCC
Tantangan: alur verifikasi khusus menyita waktu engineer untuk pemeliharaan berkelanjutan. Pendekatan: widget MyOTP menggantikan UI kustom, dengan teks dalam tiga bahasa (termasuk Arab dan Inggris) yang dirilis secara paralel.
Pimpinan pengalaman digital (referensi di bawah NDA)
Platform fintech Asia TenggaraFintech · APAC
Tantangan: basis pengguna yang besar memakai beberapa UI OTP berbeda di web dan seluler tanpa analitik terpadu. Pendekatan: satu SDK Flutter ditambah widget web menstandardisasi verifikasi di iOS, Android, dan browser.
VP engineering (referensi di bawah NDA)
Maskapai penerbangan Pan-MENAMaskapai · MENA
Tantangan: Penumpang lanjut usia pada musim perjalanan puncak sering kali melewatkan kode SMS, yang menurunkan konversi pemesanan. Pendekatan: Widget diterapkan dengan fitur voice-fallback yang diaktifkan dalam bahasa Arab pada sesi checkout yang sama.
Pimpinan produk digital (referensi di bawah NDA)
Kepatuhan
Diaudit untuk beban kerja yang teregulasi.
Setiap verifikasi membawa jejak peristiwa. Retensi dan residensi dapat dikonfigurasi per workspace — termasuk opsi residensi MENA untuk beban kerja yang diatur oleh regulasi Teluk.
ISO 27001
Sertifikasi manajemen keamanan informasi
selaras dengan GDPR
Residensi UE dan DPA tersedia berdasarkan permintaan
Webhook
Dikirim untuk setiap hasil verifikasi
Residen MENA
Residensi data Teluk untuk beban kerja yang diatur
Pertanyaan yang diajukan pembeli
MyOTP,
dijawab secara langsung.
Pada halaman statis, kurang dari 5 menit dari pembuatan app-ID hingga pengguna terverifikasi pertama — tempel tag skrip, masukkan div, tulis satu callback. Pada SPA (React/Vue/Next.js), 15–30 menit termasuk instalasi SDK dan verifikasi JWT pada server Anda. Mobile SDK membutuhkan integrasi 30–60 menit tergantung pada pengaturan build Anda.
Tema (variabel CSS light/dark/custom), warna merek, URL logo, warna aksen, font-family, teks untuk setiap string UI di setiap lokal, sender ID per negara, waktu fallback suara, kebijakan retry, dan override CSS untuk bingkai modal itu sendiri. Widget ini adalah komponen web Shadow DOM — CSS halaman Anda tidak akan pernah bocor ke dalamnya.
Ya. Tidak ada lencana 'powered by MyOTP'. sender ID Anda yang mengirimkan kode, domain Anda yang menghosting iframe (pengaturan CNAME), logo dan warna merek Anda yang menampilkan modal. Satu-satunya penyebutan MyOTP adalah di dalam dashboard Anda sendiri.
Lebih dari 30 bahasa pada hitungan terakhir: Inggris, Arab (dengan dukungan penuh RTL), Prancis, Spanyol, Portugis (PT dan BR), Jerman, Italia, Belanda, Polandia, Turki, Русский, Ukraina, Hindi, Urdu, Bangla, Tamil, Indonesia, Melayu, Thai, Vietnam, Jepang, Korea, Mandarin Sederhana dan Tradisional, Ibrani, Yunani, Rumania, Ceko, Hungaria, Swedia, Norwegia, Denmark, Finlandia. Anda dapat menimpa string apa pun per lokal.
Per pengguna terverifikasi, dengan tingkat gratis untuk evaluasi. Harga produksi indikatif dimulai sekitar $0,05/verifikasi pada sender ID standar dan turun seiring bertambahnya volume; tingkat volume tinggi dan perusahaan akan dikutip berdasarkan kombinasi negara dan komitmen bulanan Anda. Voice fallback ditagih secara terpisah, per panggilan yang terhubung. Angka-angka ini bersifat ilustratif dan bervariasi berdasarkan rute — tarif akhir ditetapkan dalam perjanjian komersial Anda.
Selalu. Widget memberikan JWT berdurasi singkat ke browser, tetapi juga mengirimkan POST webhook ke server Anda dengan peristiwa verifikasi yang sama. Anda harus memperlakukan JWT klien sebagai petunjuk dan webhook sebagai sumber otoritas — itulah pola integrasi dalam setiap contoh kode.
Fitur bawaan: batas kecepatan per ponsel, batas kecepatan per IP, geo allow/deny, penyaringan reputasi IP, pra-validasi HLR terhadap nomor yang telah pindah operator dan nomor yang tidak aktif, serta skor risiko tujuan terhadap awalan penipuan toll-fraud yang diketahui. Semua dapat dikonfigurasi di dashboard; serangan pumping akan diblokir sebelum penagihan terjadi.
Manajer akun teknis bernama, app-ID khusus dengan rate-limit kustom, white-label CNAME dan subdomain kustom, rotasi kunci penandatanganan JWT on-prem, SLA ketersediaan widget 99,99% dengan kredit otomatis, serta saluran Slack bersama tim engineering kami untuk respons insiden.
Pertanyaan tidak ada di sini? Tanyakan kepada tim engineering kami
Pasang. Verifikasi. Selesai.
Verifikasi pengguna pertama Anda sebelum makan siang.
Tempel satu tag skrip, pasang satu div, dan widget akan menjalankan sisanya — penangkapan nomor telepon, entri kode, voice fallback, anti-penipuan, analitik. Paket gratis, tanpa kartu.
$ <div data-myotp data-app-id="your_app_id"></div>
Panduan & jawaban terkait
Pelajari lebih dalam mengenai konsep di balik produk ini.