Skip to content

Configurable

Social Login(Google)

Google Credentials:

For social login features (Google), you have to add some credentials to the admin settings. Firstly, go to the social login settings in the global settings subcategory of Application settings.

Image

Now create Google credentials. For that, you need to sign in to your Google account. After that, you have to go to the URL (console.cloude.google.com) Click on the console.

Image

Then click the menu bar and go to APIs and Services, and you have to go to the Library section.

Image

In the library, when you reach it, you have to go to the Google+ API.

Image

After that, you can see the Google+ API section below.

Image

After that, click the enable button to enable this API. Now click my project button.

Image

Now create a new project, or you can choose an existing one.

Image

Give the project a name.

Image

So, your project will be created here. Now go to the credential section to create credentials for your project. Click the create credential button.

Image

Click the OAuth client ID.

Image

To create an OAuth client ID, you must first configure your consent screen. Click here.

Image

Now you have to choose the user type external and create.

Image

Give the app information

Image

Image

In the second step, there is no need to enter any information. Just go tSaveve and continue.

Image

When you reach your test user, you can add the user to your particular app. Then go to Save and Continue.

Image

Now you are configured. And you have to go to the credentials again.

Image

Go to the create credential page again.

Image

Here, you have to select the application types. You also have to edit your new web name and give the URI. You have to follow the format for writing URLs.

{website URL}/auth/google/callback

For example

https://lmszai.zainikthemes.com/auth/google/callback

Image

Go to the credential. Click the edit button

Image

And here is your client id, client secret and URI.

Image

Put this information in the admin application settings and click the update button.

Image

Social Login(Facebook)

For that you need to sign in in your Facebook account. After that you have to go to the URL (developers.facebook.com). click My Apps.

Image

After that click the create app button.

Image

Choose the case you want to add in your site.

Image

Select the platform and go next.

Image

Add an app name and create the app.

Image

Then go to the dashboard. Go to the basics of the settings. Here is your App ID and App secret. For App secret click the show button. Put your app domain name. Set the URL. Follow this format.

{website URL}/login/facebook/callback

For example

https://lmszai.zainikthemes.com/login/facebook/callback

After that click the save changes button.

Image

Now add this credential to the admin settings and click the update button.

Mail Configuration

  • The Gmail SMTP Server Method

Enabling 2-step verification on your Gmail account provides an extra layer of security by requiring a second form of authentication in addition to your password. To use Gmail's SMTP server with 2-step verification, you'll need to generate an "App password," which is a special password used specifically for email clients like Outlook, Thunderbird, or for scripts

Image

Note: Before configuring Google’s SMTP server, you need to follow these steps if you have two-step verification enabled on your Google email account:

  • a. How to Set Up App Passwords

If you use 2-step verification on your Google account and your mail client doesn’t support verification codes, you’ll have to enable App Passwords before configuring the Google SMTP server settings.

Why should you do this?

Some secure apps can be blocked from accessing your mail account due to two-step verification. An app specific password allows the blocked app or device to access your mail account.

If you don’t have two factor authentication enabled, you can skip the instructions given below.

Here’s a quick tutorial on how to create an app specific password:

  1. Go to your Google Account and choose Security on the left panel. Image

  2. On the Signing in to Google tab, select App Passwords. Image

If you don’t see this option, it might mean that:

  • Two-step verification is not set up for your Google account.
  • Two-step verification is set up for security keys only.
  • Your account is used through work, school, or another organization.
  • You’ve turned on Advanced Protection for your account.

3.Click on Select app and pick the app you’re using. Image

4.Click Select device and choose the device you’re using. Image

5.Click on Generate. Image

6.Follow the instructions to enter the App Password. The App Password is the 16-character code in the yellow bar on your device. Image

7.Click on Done

Note: You won’t have to remember your App Password since you’ll probably use it just once to connect your account to the app.

Google Recaptcha Credentials

Note that Google's interface may change over time, so it's always a good idea to refer to the official Google reCAPTCHA documentation for the most up-to-date instructions.

  1. Go to the https://www.google.com/recaptcha and click on the "V3 Admin Console" button to sign in with your Google account. Image
  2. Once you're logged in, click on the "+ icon" to add a new site. Image

  3. Choose between reCAPTCHA v2 or reCAPTCHA v3, depending on your requirements. Image

  4. Provide a label for your site (for your reference) and specify the domain(s) where you plan to use reCAPTCHA. Accept the terms of service.And hit the Submit Button . Image
  5. You'll need to accept the reCAPTCHA Terms of Service to proceed. Make sure you read and understand these terms.Upon successful registration, Google will provide you with two keys - a "Site Key or secret Key" Image

Pusher credentials status

1.Go to the https://pusher.com and sign in to your account. If you don't have an account, you'll need to sign up first. Image

2.Once you're logged in, click on the "Marge". Image

3.Once you're logged in, click on the "Create App". button or a similar option to initiate the app creation process. Image

4.Provide a name for your app and select the environment you're building for (production, development, etc.). Image

5.After configuring the settings, Pusher will generate your app's credentials, including the App ID, Key, and Secret Key. Keep these credentials safe. Image

6.In your code, use the provided credentials (App ID, Key, Secret Key) to initialize the Pusher instance. Refer to the specific SDK documentation for detailed information on how to configure and use Pusher in your application. Image

Google Analytics

Below is a comprehensive guide on how to configure Google Analytics step by step:

  • Step 1: Sign Up for Google Analytics

1.Go to the Google Analytics website: https://analytics.google.com/ 2.Sign in with your Google account or create a new one. 3.Click on "Start measuring." Image

  • Step 2: Set Up a Property

1.Click on "Create account." 2.Fill in the Account Name (usually your website or company name). 3.Click on "Next." 4.Fill in the Property Name (your website's name) and Website URL. 5.Select the appropriate Industry Category and Reporting Time Zone. 6.Click on "Create." Image

  • Create A Property Image
  • Describe your business Image
  • Bussiness object Image
    • After creating the property, you'll be provided with a tracking code snippetselect "web".

Image

  • Select Google Analytics Terms of Service Image

  • Selete website url and Stream name Image

  • And show MEASUREMENT ID and copy Image

SMS credentials status

  • First you need to go to this link https://www.twilio.com/login and Sign Up Image
  • Enter your information here

Image

  • You will receive a verification email message from where you need to verify

Image

  • Here you have to select your country and verify your mobile number

Image

  • Mobile phone number verification code should be given here

Image

  • You have to fill all the fields as per your requirement

Image

  • And after entering the website, you will get "Account SID" , "Auth Token" And "Twilio phone number" from this channel and return it to the configuration.

Image

  • Here the Twilio all information

Image

  • A modal will open after clicking this in Configuration Setting

Image

  • To send a message to all users, enter something here

Image

  • If this status is turned on, that message will be shown on all pages

Image

  • In this way the message will be displayed on all pages and if you click on "allow cookies" the message will not be displayed anymore and will be hidden.

Image

Google 2fa

  • If this status is turned on, "Configuration Setting".

Image

  • Then you won't be able to "Google Authentication (Recommended)", the option will be hidden

Image

Register File Required

  • If this status is turned on, "Configuration Setting".

Image

  • Then this option will be hidden from this "Sign Up" page

Image

Preloader

  • Enabling this status will display preloaders throughout the interface.

Image

Disable Registration

  • If this status is turned on, "Configuration Setting".

Image

  • Then you won't be able to "Sing Up", the option will be hidden

Image

  • Here is demo

Image

Registration Approval

  • If this status is turned on, "Configuration Setting".

Image

  • So if a new user creates a new account, a notification for admin approval will go and they will not be able to login until admin approves.

Image

  • Admin can approve or reject new users from this setting

Image

Show Language Switcher

  • If this status is turned on, "Configuration Setting".

Image

  • Then the option to change language will be hidden from the navbar of Admin or Alumni all panels.

Image

App Debug

  • Turning it on will show all the website errors

Image

  • NB : The status of "App Debug" must be turned off