Two-Factor Authentication Setup
Add an extra layer of security to your account
{exp:jcogs_otp_pro:setup_form return="/jcogs_otp_pro_examples/user_otp_settings" show_backup_codes="yes"} {!-- Already enabled state --} {if already_setup}
✅ 2FA is Already Enabled
{if:else}
{!-- Show backup codes after successful setup --}
{!-- NOTE: Codes are only displayed when a NEW secret is generated:
- Initial OTP setup
- Switching TO authenticator (requires new QR scan)
Codes are NOT shown when switching FROM authenticator to email
because the secret remains unchanged and existing backup codes are still valid.
--}
{if display_backup_codes == 'yes'}
Your account is already protected with two-factor authentication.
✅ Two-Factor Authentication Enabled!
Your account is now protected with 2FA.
⚠️ Save Your Backup Codes
These codes can be used if you lose access to your authenticator. Save them in a secure location!
{backup_codes}{code}
{/backup_codes}
Error
{errors}
{/if}
{form_open}
{!-- CSRF token automatically included by form_open --}
{!-- Delivery Method Selection --}
{error}
{/errors}
Choose Your Method
📱 Step 1: Scan QR Code
Open your authenticator app (Google Authenticator, Authy, Microsoft Authenticator, etc.) and scan the QR code below:
Can't scan? Enter manually:
{secret}
🔐 Step 2: Verify Code
Enter the 6-digit code from your authenticator app (or email) to complete setup:
Enter the 6-digit code to verify and enable 2FA
{form_close}
{/if}
{/if}
{/exp:jcogs_otp_pro:setup_form}