With the RESnWEB Guest loyalty module's social media login, visitors using the system can enter their Google login details and continue browsing as a registered customer.
To enable your guests to log in to the RESnWEB returning guest system with a Google account, you need to make a few settings in the Google Cloud settings interface:
(You can login here with your Google account, if you don't have one, you need to create one.)
Please find below some help for setting them up.
First, accept the user terms when prompted by Google.
Create new project
Click on “New Project”, and then create the project by clicking on the “Create” button.
Once the project has been created (make sure this is selected), in APIs & Services menu, select the “OAuth consent screen” menu and choose the “External” option, then click on the “Create” button.
Fill in the required fields on the next page:
App information:
App Name: Name of the hotel
User Support email: Users can send their questions to this e-mail address.
App logo: The Application’s logo can be selected here (optional). The logo should meet the following requirements:
- Size not bigger than 1mb.
- Only JPG, PNG and BMP formats are accepted.
- The logo should have a square shape.
- 120 px wide and 120 px high for best results
App domain:
Application home page: Provides a link for the users on the main site. (e.g. https://bambara.hu)
Application privacy policy link: Privacy policy link.
Application terms of service link: General terms and conditions link.
You can copy the links to the Privacy policy and the General terms and conditions from “Privacy policy URLs” and “TOS URLs” sections in the “For web developers” menu under “Hotel information” on the RESnWEB admin site.
The links to the Privacy Policy and the General Terms and Conditions are required so that they can also be viewed in the Google login window.
Authorized domains:
Domain names can be added by clinking on the “+ Add domain” option. Once an authorized domain has been added, we can use its sub-domains or pages.
Developer contact information:
You can enter the e-mail address here via which Google can send notifications of changes/projects:
support@resnweb.com
Then, click on “Save and continue” at the end of the page.
On the next subpage, the scopes should be entered.
The scopes are authorizations allowing the project to access only a certain type of personal data from their Google account.
For this, we can use the “Add or remove scopes” option.
Basically, two scopes are required for an account to be created:
.../auth/userinfo.email
.../auth/userinfo.profile
Once we have selected these scopes, click on “Save and continue”.
In the next section you have the possibility to add test users. As long as the application’s publication is in “testing” mode, only test users can access the application. This is optional, if you do not enter test users, you can continue by clicking on “Save and continue”.
Summary:
This option shows you the settings that we went through in the previous sections. The data shown here can be modified by clicking on “Edit”.
If everything is correct and Google asks for verification, click on “Prepare for verification”.
Then go through the information again until you reach the “Final review” option.
Then scroll to the bottom of the page and tick the box “My usage of OAuth Scopes complies with the Google API Services: User data Policy” option and click on “Submit for Verification”.
Then click on “Publish App” on the OAuth consent screen tab.
Select the Credentials menu item, click on “Create Credentials” and then select the Oauth client ID option.
The type of the application is “Web Application”, its name should be “RESnWEB Loyalty”, in the “Authorized Javascript origins” field enter our unique sub-domain name created to RESnWEB’s system earlier, and then click on “Create” to receive the codes for login settings on the next page.
The sub-domain name can be found in the Hotel information / For web developers menu on the RESnWEB admin site.
As a last step, from the codes received, copy the “Client ID” on RESnWEB admin site, by clicking on the “Settings” menu under “Guest loyalty” in the “Settings for third party logins” section.
Check settings
a) In the Credentials menu, in the OAuth 2.0 Client IDs block, you should see the RESnWEB Loyalty option
b) When you open RESnWEB Loyalty, in the Authorized JavaScript origins section you should see the name of the subdomain of the property. e.g. https://booking.bambara.hu
c) In the OAuth concent screen menu, you need to check the settings by clicking on the Edit app button next to the name of the accommodation
App information
App Name: accommodation name
User support email: users will be able to send their questions to this email address (e.g. example@bambara.hu)
App domain
Application home page: The address of the accommodation’s home page should be listed here, e.g. https://bambara.hu (You do not need to see the subdomain here.)
Application privacy policy link: link to privacy policy
Application terms of service link: Link to general terms and conditions
The link to the privacy policy and the terms and conditions of service can be found in the RESnWEB admin interface, under "Hotel information" in the "For web developers" menu, under "Privacy policy URLs" and "TOS URLs
If you do not see RESnWEB Loyalty in the OAuth 2.0 Client IDs block in the Credentials menu, you will need to create the OAuth client ID based on our help by clicking the Create Credentials button at the top of the page.
Type of application: Web application
Name: name of the accommodation
Authorized JavaScript origins: subdomain name