Phone OTP Login & Registration screenshots

Real screenshots from our CS-Cart and Multi-Vendor test stores with the add-on installed and the English interface.

Sign in with phone number: the code step after the code was sent by SMS.

The core sign-in page with the “or” divider and the Sign in with phone number button.

Phone step: country selector with calling codes and the phone number.

Code step: masked number, Change number, resend countdown.

A new number after the confirmed code: short registration form, e-mail optional.

Wrong code with the attempts left.

Profile details: Phone sign-in panel with the verified number.

Profile details: number not verified yet, Verify phone number button.

Verify phone number page for a signed-in customer.

Mobile (390 px): code step.

Mobile (390 px): sign-in page with the phone button.

Settings, General: status line, delivery, test numbers, countries, display and registration options.

Settings, Security & limits: code length, lifetime, resend wait, attempts, rate limits, log retention.

Settings, SMS: provider, SMS text with placeholders, WebOTP line, Twilio credentials.

Settings, WhatsApp: Cloud API phone number ID, token, authentication template and copy-code button.

Users > Phone sign-in log: last-24-hours tiles, test send, filters and events.

Admin, Downloaded add-ons searched for the add-on (Multi-Vendor 4.21.2). Text badge until the integration step adds the icon.

CS-Cart 4.17.2 (Kavio Showcase theme): the code step.