# Login via Social Media

## Guiding Video

{% embed url="<https://youtu.be/rVN_Yj7KDWk?t=286>" %}

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McSu5V7oAKhKkuaRMJ1%2F-McT-jtZN3F67MNvNtYf%2FHuong-dan-dang-ky-dang-nhap-5-hoola.jpg?alt=media\&token=9e8b7fbd-70fc-4b43-b3bf-f1507233cbcb)

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McSu5V7oAKhKkuaRMJ1%2F-McT-jtZN3F67MNvNtYf%2FHuong-dan-dang-ky-dang-nhap-5-hoola.jpg?alt=media\&token=9e8b7fbd-70fc-4b43-b3bf-f1507233cbcb)

## Allow Login with Google

Go to `Display Setting`​​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36) `Authentication` ​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36) `Login with Social Media`, and choose the option `Allow Authentication with Google`.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McT5RtjEnZOmtqVt5lF%2F-McT83io6O8bS2cLQHhq%2FHuong-dan-dang-ky-dang-nhap-8-hoola.jpg?alt=media\&token=4779844c-192f-4605-9aaf-5a15cb74bba8)

{% hint style="warning" %}
Remember to click `Update` to save the change.
{% endhint %}

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McT5RtjEnZOmtqVt5lF%2F-McT9fQyr8rVK9zGISW3%2FHuong-dan-dang-ky-dang-nhap-10-hoola.jpg?alt=media\&token=36ab9dbb-6069-4367-9b4a-4e496915ed94)

However, **Login with Google** will not work until the administrator fills in the `Google Client ID` and `Secret Code` fields. The administrator needs to set up a project in **Google Cloud Platform** to make the authentication work properly. Please visit the following guide:

{% content-ref url="sign-in-via-social-media/set-up-a-project-in-google-cloud-platform" %}
[set-up-a-project-in-google-cloud-platform](https://docs.hoola.vn/english/system-setting/authentication/sign-in-via-social-media/set-up-a-project-in-google-cloud-platform)
{% endcontent-ref %}

After the **Google Cloud Platform** setup, the administrator will copy the **Your Client ID** and **Your Client Secret** of your project to the `Google Client ID` and `Secret Code` fields ![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Update` to save the change.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McYFCRzpCNu4zNu0HD-%2F-McYFuz3fGGautFxhz2b%2FHuong-dan-dang-ky-dang-nhap-googole-console-app-9-hoola.jpg?alt=media\&token=3ecda8ed-9464-4509-a64a-84b0a8d2e75f)

If you have already created a project in Google Cloud Platform, you can go to `Credentials`![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`OAuth 2.0 Client IDs`, and select a project in this section.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McYFCRzpCNu4zNu0HD-%2F-McYGQbXdPZw1WoaeO4v%2FHuong-dan-dang-ky-dang-nhap-googole-console-app-10-hoola.jpg?alt=media\&token=4b5aab5f-8c70-4e2c-a5b8-88b907deeeda)

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McYFCRzpCNu4zNu0HD-%2F-McYGUvUw2LL52lyejS3%2FHuong-dan-dang-ky-dang-nhap-googole-console-app-11-hoola.jpg?alt=media\&token=8fedde3a-4625-44e4-8e99-5d531fee58ee)

## Allow Login with Facebook

Go to `Display Setting`​​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36) `Authentication` ​![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36) `Login with Social Media`, and choose the option `Allow Authentication with Facebook`.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McT5RtjEnZOmtqVt5lF%2F-McT7z2qlYDnqWTt7jq6%2FHuong-dan-dang-ky-dang-nhap-7-hoola.jpg?alt=media\&token=08619f18-f917-4b65-afda-82abb6fed3eb)

{% hint style="warning" %}
Remember to click `Update` to save the change.
{% endhint %}

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McT5RtjEnZOmtqVt5lF%2F-McT9sJe20edfgQTni35%2FHuong-dan-dang-ky-dang-nhap-9-hoola.jpg?alt=media\&token=68e48b40-cab3-4c17-b166-10e8b7cd623b)

However, **Login with Facebook** will not work until the administrator fills in the `Facebook App ID` and `Secret Code` fields. The administrator needs to set up an app in **Facebook for Developers** to make the authentication work properly. Please visit the following guide:

{% content-ref url="sign-in-via-social-media/set-up-an-app-in-facebook-for-developers" %}
[set-up-an-app-in-facebook-for-developers](https://docs.hoola.vn/english/system-setting/authentication/sign-in-via-social-media/set-up-an-app-in-facebook-for-developers)
{% endcontent-ref %}

After the **Facebook for Developers** setup, the administrator will copy the **App ID** and **App Secret** of your app to the `Facebook Client ID` and `Secret Code` fields ![sau đó](https://lh3.googleusercontent.com/3_l97rr0GvhSP2XV5OoCkV2ZDTIisAOczrSdzNCBxhIKWrjXjHucxNwocghoUa39gw=w36-h36)`Update` to save the change.

![](https://34448296-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mc36xfvNUZ7-wIWAhWb%2F-McTbSgE8IzZ_0CZd82H%2F-McTcR4dzfB7VrkmZGAp%2FHuong-dan-dang-ky-dang-nhap-facebook-app-17-hoola.jpg?alt=media\&token=478c83fd-4e21-4c54-b322-50392136768a)