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:

https://console.cloud.google.com/apis/

(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.

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 click on the “GET started” button.

A setup wizard process starts with fields to be filled in.

Fill in the required fields on the next page:

App information:

App Name: Name of the accommodation
​

User Support email: Users can send their questions to this e-mail address.
​

Audience:

External

Contact information:

Google will send notifications about changes in the project to this email address.

Finish:

Accept the consent.

Click the “Create” button.

In the Branding menu, fill in the following fields:

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:

Authorized domains:
​
The website domain name must be entered here. It is important that if Google verifies the domain during the process, the domain name must be approved in Google Search Console.

Developer contact information:

You can enter the e-mail address here via which Google can send notifications of changes/projects:

Then, click on “Save” at the end of the page.

Click on the Data Access menu.

Scopes are permissions that allow the project to access certain types of personal user 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:

Once these have been selected, click “Update” and then “Save.”

In the “Clients” menu, click the “Create client” button.

The Application type should be set to “Web Application.” The name should be “RESnWEB Loyalty.” In the “Authorized JavaScript origins” field, enter the custom domain name that was previously created for the RESnWEB system, then click the “Create” button to receive the Client ID required to configure the login on the next page. Copy this value.

Now paste the Client ID into the RESnWEB admin interface under the Loyalty menu by clicking Settings, in the Third-party login settings section.

As the final step, click on the Audience menu, then click “Publish app” and “Confirm.”

a) In the Clients menu, in the OAuth 2.0 Client IDs block, you should see the RESnWEB Loyalty option

b) When opening RESnWEB Loyalty, the Authorized JavaScript origins section should display the property’s subdomain name, e.g. https://booking.bambara.hu.

c) In the Branding menu, the settings must be checked.