Cartsy Documentation
Welcome
Installation
Theme Settings
Cartsy LayoutExtended SearchMenuPage Settings
Plugins
Cartsy AlgoliaDokanGridSterFireMobileFireMobile - WordPress & WooCommerce firebaseSMSNotifierSocial LoginTranslationCompatible Plugins
Cartsy Rental
CustomizationPerformanceChild ThemeFAQBreaking ChangesChangelog

FireMobile - WordPress & WooCommerce firebase

This is a WordPress plugin which enable mobile OTP/Two-Factor login in your site using firebase. On cartsy theme, you'll this plugin as a free bundle, and to use this plugin, you need some additional configuration.

To install go,

wp-admin -> Appearance -> Cartsy Required Plugins

and install Firebase Mobile Authentication [by RedQ, Inc]

Why Firebase

Firebase provides Firebase's phone number sign-in request quota is high enough that most apps won't be affected. However, if you need to sign in a very high volume of users with phone authentication, you might need to upgrade your pricing plan. See the pricing page.

Installation

The plugin already bundles with cartsy theme as a Recommended plugin. Just go to Appearance -> Cartsy Required Plugin

and install Firebase Mobile Authentication [by RedQ, Inc]

Quick Start

Instructions :

  • If you do not have an Firebase project, you can create one from here link

console_tgbwyq.png

  • Now go to your Firebase Project overview-> Project settings and copy paste firebase configuration in below fields one by one

project_settings_n8wxad.png

configs_oksuvu.png

fields_uwzk1b.png

  • In the Firebase console, open the Authentication section.

phone_auth_rbe8d6.png

  • On the Sign-in Method page, enable the Phone Number sign-in method.

  • On the same page, if the domain that will host your app isn't listed in the OAuth redirect domains section, add your domain.

domain_v8phj0.png

If your domain is accessed by both www and without www, then make sure you add both www domain and without www on the authorized domain section.

  • Copy this shortcode [firebase_otp_login] and add it to any place on your site you like.

  • That's it, You should be able to use mobile login in your WordPress and WooCommerce site.

Shortcode

[firebase_otp_login]

just copy the above shortcode and put it into any page

shortcode1_dmajfc.png

You can also place it into the code,

code-shortcode_htcef9.png

Shortcode Paramerter

  1. 'phone_button_text' => default value 'Send Code'

  2. 'code_button_text' => default value 'Verify & Login',

  3. 'phone_toggle_button_text' => default value 'Continue with Phone',

  4. 'recaptcha' => default value 'invisible', // invisible or normal

you can change the above default value by using the shorcode in below format

[firebase_otp_login phone_button_text="Send me Code" code_button_text="Verify Code" phone_toggle_button_text="Login with Phone" recaptch="normal"]

Recaptcha

you can either show or hide recaptcha using invisible or normal option in the above shortcode. Recaptcha is must for firebase login.

Customization

You can use css code to customize the color, font-size etc.

if you want to work on the code then check the below file

php and html code for the shortcode can be found in Shortcodes/FirebaseOTPLogin.php file. In this file you can change the html structure or any tag but be careful changing id or structure might cause the plugin to lose it's functionality.

We recommend to override design from the theme using css code. this way you can receive future update easily.