Magento 2 Two Factor AuthenticationMagento 2 Two Factor Authentication
Live Demo
Buy Now
Support
Live Demo
Buy Now
Support
  • Getting Started

    • Introduction
    • Requirements
    • Installation
  • Third-Party Setup

    • Twilio Setup
    • Firebase Setup
  • Configuration

    • Admin Configuration
    • i18n Translation
  • Authentication Channels

    • SMS Authentication
    • Email OTP
    • Email Verification Link
    • Push Notification
    • TOTP Authenticator App
  • Security & Recovery

    • Backup Recovery Codes
    • Brute-Force & Lockout
    • Admin Management & Unlock
  • Help

    • Troubleshooting
    • FAQ & Support

TOTP Authenticator App (Google Authenticator)

Time-based One-Time Password (TOTP) is an industry-standard (RFC 6238) algorithm supported by apps such as Google Authenticator, Microsoft Authenticator, and Authy. It operates entirely offline on the customer's smartphone without relying on cellular networks or SMS delivery.


Configuration

In Stores > Configuration > Webkul > Two Factor Auth:

  • Set Send Otp Via to TOTP/Authenticator.
  • Enter Title for TOTP Auth (e.g. Webkul Two Factor Auth).

TOTP Configuration


Workflow 1: Registration & Initial QR Code Setup

  1. The customer enters their registration details on the sign-up page and submits.

Customer Registration Page

  1. A 2FA modal opens displaying a unique QR code generated specifically for this customer account.

Scan QR Code Modal

  1. The customer opens Google Authenticator (or any compatible app) on their smartphone and scans the QR code.
  2. The app generates an active 6-digit rolling passcode.

Google Authenticator App Code

  1. The customer enters the 6-digit passcode into the verification field and clicks Submit.

Submit TOTP Code

  1. Once validated, the authenticator seed is permanently bound to the customer account, and registration completes.

Workflow 2: Existing Customer Login

  1. The customer enters their email address and password on the storefront login page.

Customer Login PageLogin Form Filled

  1. The 2FA modal prompts for the 6-digit authenticator code.
  2. The customer opens their Authenticator App to retrieve the current dynamic code.

Authenticator Code Display

  1. The customer inputs the code on the storefront.
  2. The session is verified and the customer is logged in.

Customer Dashboard


Re-linking / Updating Authenticator App

If a customer changes their phone or wants to re-enroll their authenticator app:

  1. The customer logs in and navigates to My Account > Two-Step Authentication in the dashboard left menu.

Two-Step Authentication MenuTwo-Step Authentication Panel

  1. Click the Update button.

Click Update

  1. For security, the customer must verify their identity by entering their current 6-digit code from the existing authenticator app.

Enter Existing Code

  1. Once confirmed, a new QR code is displayed.

Scan New QR Code

  1. The customer scans the new QR code with their new device to complete the transfer.
Prev
Push Notification