Firebase Gateway Configuration for OTP Verification

Setup Login and Registration form

• Copy this shortcode [mo_wp_loginreg_form]
• Create a new page or go to existing page and paste shortcode you've copied.

Enable OTP Verification

• Click on Enable OTP Verification on Login Form Checkbox.
• Select Redirection Page.
• Click on Save Settings.

• Click on Enable OTP Verification on Registration Form Checkbox.
• Select Redirection Page.
• Select User Role for Registration.
• Click on Save Settings.

• Now follow below steps to Configure Firebase Gateway in plugin.

Configure Firebase Gateway

• Go to your firebase console
• Create a new project or select existing project.
• Go to project settings

• You need to register your website to get configuration details.
• Scroll down on Project settings page and click on icon shown in following image.

• Name your website and click on Register app

• Copy the API Key from the configuration object to setup gateway.

• If you already registered your website on firebase, Find the firebaseConfig object and copy the API Key.

• Go back to plugin and then go to Gateway Settings tab.
• Paste the API key value you've noted earlier and save API Key.

Enable Phone Sign-in Method

• Go to Build -> Authentication tab

• Then go to Sign-in method
• Click on Add New Provider or select Phone from native providers list.

• Click on toggle button to enable & then click on save.

Whitelist Your Website Domain to use Firebase Authentication

• Go to your firebase console
• Click on Build section in sidebar and go to Authentication

• Go to Settings tab.
• Then go to Authorized Domains.
• Click on Add Domain.
• Type your website's domain name and click on Add.

If you still have any question or further concerns, please feel free to drop an email to otpsupport@xecurify.com