# How can I configure the login service in a button?

**URL:** https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36
**Category:** Tutorials
**Created:** [November 10, 2021, 3:15pm UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36 "2021-11-10T15:15:29Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Glen](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Glen](https://forum.ideta.io/u/Glen)
#### Post date: [November 10, 2021, 3:15pm UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36/1 "2021-11-10T15:15:29Z")

</div>

I want to create a login button on my chatbot.

How can I configure the settings for Google, Microsoft and Facebook logins ?

---

<div class="post-metadata">

### Author: ![yanis.kerdjana](https://avatars.discourse-cdn.com/v4/letter/y/71e660/32.png) [@yanis.kerdjana](https://forum.ideta.io/u/yanis.kerdjana)
#### Post date: [November 11, 2021, 5:03pm UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36/2 "2021-11-11T17:03:16Z")

</div>

For Google (Facebook and Microsoft below) :

You need to activate the option :

 ![Capture d’écran 2021-11-10 à 17.18.41](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/40890b3bf3ee4c05824a8413d3acc385d43b83e2.jpeg)

Then we need to find the credentials. Go to the [Google console.](https://console.cloud.google.com/apis/credentials).

Follow the following steps :

 ![Capture d’écran 2021-11-11 à 17.56.33](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/0f555c3178e49a3b5163cd9c6ffbacd965528f97.png)

 ![Capture d’écran 2021-11-11 à 17.57.15](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/df4b8cf538b60174d99e31d282d576c7f0232e93.png)

 ![Capture d’écran 2021-11-11 à 17.57.58](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/511d79db4d3893233a6697c5fe6294f63c92adff.png)

 ![Capture d’écran 2021-11-11 à 17.59.23](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/0311cc8a548afb84c55ed675a385cb47d50be072.png)

 ![Capture d’écran 2021-11-11 à 17.59.17](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/1df57e5f3954598bf48b8e6d71dd8ae5847bf7d5.png)

Then click create. The info needed appears on screen :

 ![Capture d’écran 2021-11-11 à 18.00.20](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/f39d4172c65dbb06f8f565dfcb417195cf29bde1.png)

For public access (outside your organisation) you need to follow [this process.](https://console.cloud.google.com/apis/credentials/consent)

Then create a Button Bubble :

 ![Capture d’écran 2021-11-11 à 18.09.09](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/ce363b7388a14364cac81d42500a3a589233ec71.jpeg)

And make one of the buttons a Login Button :

 ![Capture d’écran 2021-11-11 à 18.10.19](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/df9fce322e9998eb5c737afdd920d6cb2cc5b813.png)

---

<div class="post-metadata">

### Author: ![yanis.kerdjana](https://avatars.discourse-cdn.com/v4/letter/y/71e660/32.png) [@yanis.kerdjana](https://forum.ideta.io/u/yanis.kerdjana)
#### Post date: [November 11, 2021, 5:30pm UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36/3 "2021-11-11T17:30:24Z")

</div>

For Facebook (Microsoft below) : we need to find the same credentials than for Google.

 ![Capture d’écran 2021-11-11 à 18.23.06](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/6a6d37c709d8aa553d3b0f649d3f0f4473fe5233.png)

You need to create an app : [https://developers.facebook.com/apps/create/](https://developers.facebook.com/apps/create/)

Choose one of these options :

 ![Capture d’écran 2021-11-11 à 18.24.39](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/f8994d73092e1a60931fc01f874a89f745619f3c.png)

 ![Capture d’écran 2021-11-11 à 18.25.25](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/f07a55b731013dd9a94b9e0849f38a8de6de5860.png)

 ![Capture d’écran 2021-11-11 à 18.25.57](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/260f317daaa14eb19bf419a6e9448c74a97cbf60.png)

Then go the Parameters \> General tab :

 ![Capture d’écran 2021-11-11 à 18.29.27](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/482599d2970a0111566885619f0f70e7e3f0cedc.png)

This is what you need 😉 !

---

<div class="post-metadata">

### Author: ![Glen](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Glen](https://forum.ideta.io/u/Glen)
#### Post date: [November 12, 2021, 9:30am UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36/4 "2021-11-12T09:30:17Z")

</div>

Very useful, thanks !

---

<div class="post-metadata">

### Author: ![Glen](https://avatars.discourse-cdn.com/v4/letter/g/8c91f0/32.png) [@Glen](https://forum.ideta.io/u/Glen)
#### Post date: [May 7, 2024, 1:13pm UTC](https://forum.ideta.io/t/how-can-i-configure-the-login-service-in-a-button/36/5 "2024-05-07T13:13:46Z")

</div>

For Microsoft :

You have to go to [https://portal.azure.com](https://portal.azure.com)

Then search for Microsoft Entra Id in the search bar :

 ![Capture d’écran 2024-05-07 à 15.00.51](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/96339d41835c04725b242679c4d2306959c45a98.png)

Then click on Add :

 ![Capture d’écran 2024-05-07 à 15.01.06](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/228ae5a07946931db205a861bde5c3a5bd4f98ee.png)

Then App registration :  
 ![Capture d’écran 2024-05-07 à 15.01.23](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/a3b9a1066db7b732ea9485252ab642dfe3a2aeaa.png)

Then name your app and select single tenant if you want only people in your organisation to have access to your bot. Then click on Register :

 ![Capture d’écran 2024-05-07 à 15.01.44](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/bba110fa07802e91755fe813a51ee802a3308079.png)

Then click on Authentication in the sidebar, then “Add a platform”, then Web :

 ![Capture d’écran 2024-05-07 à 14.57.44](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/c9f382edf8cd8b43cbc879785ca2e5f570c217fa.png)

Then enter [Ideta Nuki](https://app.ideta.io/conversations/callback-login) as a redirect URL and select ID tokens before clicking on Configure :

 ![Capture d’écran 2024-05-07 à 14.56.39](https://europe1.discourse-cdn.com/flex017/uploads/ideta/original/1X/b9b726359c040c5572d1409079c9278a83cb60b8.jpeg)

Now your OAuth is setup. You can gather the “application ID” from the “Overview” section in the sidebar and you can create the secret in the “Certificates & Secrets” section (click on “new client secret”, name it and “Add”) .