Did You Know?

JOOJ - Best software development company exercise agility to deliver web

Login & Register

Author: admin 52 views

Airent is provided with a section to manage Login & Register options inside the Airent Options panel.

Enable the login and the register button

Navigate to Airent Options > Login & Register. Locate the Login and Register settings and select Enabled to display the Login and Register button in the header of your website.

Create the reset password page

In your left sidebar navigate to Pages > Add New to create a new page and from the Page Attributes box located in the right sidebar select Template: Reset Password

Customize the login and register pop-up

When you click on the Login ad Register button on the front end of your website, a pop-up will be displayed like in the image below. You can customize the image and the text you see on the left side of the pop-up.

Navigate to Airent Options > Login & Register and locate the settings here below.

  • Login Screen Image: Upload an image for the login pop-up
  • Login screen text: Enter an overlay text for the login screen image
  • Register Screen Image: Upload an image for the register pop-up
  • Register screen text: Enter an overlay text for the register screen image

Enable the register form

The user register functionality is a global WordPress setting. In your left sidebar navigate to Settings > General, locate the Membership box.

  1. Membership: select Anyone can register
  2. New User Default Role: select Host if you want the user to publish properties or select Renter if you want the user to favorite properties and save searches and create reservations.

Other options

If you have activated Login and Register you also have the following settings:

  • Users can type the password on the registration form: Select Yes or No. If you select No, users will get an auto-generated password via email
  • After Login Redirect Page: Select a page where you want to redirect the users after they have been logged in
  • Terms & Conditions: Select the page to use for Terms & Conditions

Enable The Login With Facebook

Navigate to this website https://developers.facebook.com/ and use your Facebook username and password to log in. From the menu, My Apps click on Create a New App.

Enter the name you want to associate to that app (it can be whatever you want) on the pop-up window and click on Create App ID.

Group-150.jpg

Select Integrate Facebook Login and click on Confirm.

Screen-Shot-2019-04-19-at-5.45.42-PM.png

Navigate to the Settings » Basic page.

  • In-App Domains field, specify the domain name of your website.
  • In Privacy Policy URL field, specify the privacy policy web page URL for the login dialog
  • Select the Category of your App.
  • Click the Save Changes button.

Navigate to the Facebook Login » Settings page.

  • Go to the Client OAuth Settings section. In the Valid OAuth Redirect URIs field, specify the Redirect URL of your OAuth application (ex: https://www.codexworld.com/facebook-login-php/).
  • Click Save Changes.

Group-152.jpg

Change App Status:

  • By default, the App will be In Development mode. To change the App status in Live, click the toggle switch at the top header.
  • On click the Status On/OFF switch, a confirmation dialog will appear. Confirm to make your app public

Group-153.jpg

Enable the Login With Google +

To enable the login with Google to access your admin panel and navigate to Airent Options > Login & Register > Allow login via Google. In this article, we will provide you step-by-step instructions on how to configure your Google APP and enable Google to login on your website

Step 1. You need to go to https://console.developers.google.com/apis/dashboard/ and create a new project for your website
mceclip0.png
mceclip1.png
Step 2. Then open the Credentials section in your APP’s dashboard and configure the OAuth consent screen and fill the form with your website’s details

mceclip2.png

Step 3. Select External then click create:
mceclip3.png
Step 4. After click Create you have to add the information about the Web app.
mceclip4.png
Step 5. Now go to Domain Verification and add a domain by following the further steps.
mceclip5.png
Step 6. Then click the Credential >> Create Credentials >> then API key created:
mceclip6.png
Step 7. Copy that key and paste it to Airent Options >> Login & Register >> Google API key section.
Step 8. Then click the Create Credentials again and create the OAuth Client ID:
mceclip8.png
Step 9. Then add the Authorized redirect URI and Authorized JavaScript Origin domain.  It will be your site profile page URL, Profile is the page which you create using the User Dashboard Profile template :
mceclip0.png
Step 10. Then click the create button then you will get the Your Client ID and Your Client Secret ID :
mceclip10.png
Step 11. Copy both and paste it to Theme Options >> Login Register >> Google OAuth Client ID and Google Client Secret fields.

If still find the issue then please do the below steps:

Click to edit the OAuth Clients ID
mceclip12.png
Add the Authorized JavaScript origins and Authorized redirect URIs then click the save button.
mceclip13.png
On this page
Loading...