1. Documentation

Registration & Login with Mobile Phone Number

Allow your customers to register and login to your online store directly with their mobile phone number.

Installation ↑ Back to top

  1. Download Registration & Login with Mobile Phone Number and have your .zip file
  2. At the WordPress admin panel, go to the Plugins section, and click ‘Add New’ to upload and install the plugin you just downloaded from WooCommerce.
  3. Upload the .zip file to proceed with the installation.
  4. Wait until the plugin installs. After successful installation, activate the plugin, and move on to configuration settings.

Configurations ↑ Back to top

First of all you need to create account on Google Firebase at here and create the app there. Watch this video on How to Create App on Google Firebase Console .

At the admin panel WooCommerce > Settings and click Login with Phone. Here you find multiple tabs i.e.: General, Firebase, Labels & Fields, and Messages.

zwoocommerce login with phone number

General Settings: ↑ Back to top

Click on the general tab here you can configure the following.

  • Select Your Country: (Select countries you want to enable login with phone number and leave it empty to allow all the countries)
  • Hide login form at Account Page: (Option to hide the login form at front end)
  • Hide reCAPTCHA: (Option to disable reCAPTCHA for customers during login with phone number)

Firebase Settings: ↑ Back to top

After configuring the general settings, click on the firebase tab to configure the following.

  • API key: (Enter the API key here which you have got from Firebase account)
  • Auth Domain:(Enter the Auth Domain here which you have got from Firebase account)
  • Database URL: (Enter the Auth Domain here which you have got from Firebase account)
  • Project ID: (Enter the Project ID mentioned on Firebase account)
  • Storage Bucket: (Enter the Storage Bucket from Firebase account)
  • Message Sender Id: (Enter the Project ID from Firebase account)
  • App Id: (Enter the App ID here which you have got from Firebase account)
  • Measurement Id: (Enter the Measurement ID here which you have got from Firebase account)

woocommerce login with phone number

Labels & Fields Settings: ↑ Back to top

Now click labels & fields tab to configure the following.

  • Main Form Heading Text: (Customize the main heading text of login with phone form)
  • Phone Number Field Placeholder: (Option to add a custom text for the placeholder e.g. Enter Your Phone Number)
  • Send Code Button Text: (Customize text for send code button)
  • Verify Code Placeholder: (Option to add a custom text for the placeholder e.g. Verify Your Code)
  • Verify Code Button Text: (Customize text for verify code button)
  • Add Login Button Text: (Set text for add login button)
  • Change Login Button Text: (Specify text for change login button)
  • Buttons BG Color: (Configure background color for button)
  • Buttons Text Color: (Select text color for button)

woocommerce login with phone number

Messages Settings: ↑ Back to top

After configuring the labels & fields tab click on the messages tab, here you can configure the following.

  • Phone Number Error Text:(This message will be shown, when the phone number field is empty)
  • Sent Verification Code Message:(This message will be shown, when Authentication message is sent)
  • Authentication Code Error Message:(This message will be shown when Invalid code is entered)
  • Too Many Login Attempts:(This message will be shown when user attempts login many times with same number or from same IP address)
  • Invalid Phone Number:(This message will be shown when user Enter an invalid Phone Number)
  • Successful Verification Text at Registration :( This message will be shown, after successful verification.)
  • Successful Verification Text at Login:(This message will be shown, after successful verification and Logging In. Save changes)

woocommerce login with phone number

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment