> ## Documentation Index > Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt > Use this file to discover all available pages before exploring further. # Setting up PlayFab authentication using Kongregate and HTML5 > Step-by-step tutorial for adding Kongregate authentication to a PlayFab title with HTML5 and JavaScript, covering Kongregate app upload and player login. This tutorial shows you the minimal setup required to authenticate your players in PlayFab using Kongregate and HTML5/JavaScript. ## Requirements * A registered [Kongregate](https://www.kongregate.com/) account. * Familiarity with the [Kongregate Developers Guide](https://www.kongregate.com/developer_center/docs/en/kongregate-api). * A registered PlayFab title. * Familiarity with [Login basics and Best Practices](/services/playfab/identity/player-identity/login/login-basics-best-practices). ## Setting up a Kongregate app Kongregate requires you to upload a preview version of the app, before you gain access to the necessary API information. To do this, we need to prepare an `index.html` file with the following content. ```html theme={null}

Placeholder

``` Navigate to the [Kongregate website](https://www.kongregate.com/): 1. Select the **Games** tab. 2. Select the **Upload your game** button. Kongregate Games tab A page to set up for a new application opens. 1. Enter the **Application Name** in the **Title** field. 2. Then enter a **Game Description** in the field provided. 3. Select a **Category**. 4. Submit the new app by selecting the **Continue** button, as indicated in the example provided below. Kongregate upload your game You'll be moved to the **Application Upload** page. As an important first step, make sure to save the **URL** from your **Web Address Bar**. This saves you a lot of time trying to restore access to the application once you close the page. 1. Once this is done, select the prepared **index.html** file as your **Game File**. 2. Then set up the screen size. 3. Make sure to accept all the required licenses. 4. Upload your application by selecting the **Upload** button, as shown in the example provided below. Kongregate application upload page * Once the preview opens, ignore the content and open the **api information** link. Kongregate preview API information When the **API Information** page opens, locate the **API Key** and save it in a safe and easily accessible place for later use. Kongregate API Key ## Configuring PlayFab title In your PlayFab title Game Manager: 1. Navigate to **Add-ons**. 2. Find and select **Kongregate**. PlayFab select Kongregate Add-on A new page opens, allowing you to set up **Kongregate** integration. 1. Enter the **API Key** you acquired in the previous section. 2. Select **Install Kongregate**. PlayFab set up Kongregate integration If you receive no error message, then you have configured PlayFab title integration with your Kongregate application. ## Preparing some code Use the example code shown below to populate the `index.html` for your game. ```html theme={null} Kongregate Javascript API example Initializing... ``` ## Testing Remember that URL we asked you to save in a safe and accessible place a little earlier? Use it now to access your **Application Upload** page. 1. Select **index.html** as your **Game File**. 2. Set up the screen size. 3. Make sure to accept all the required licenses. 4. Upload your application by selecting the **Upload** button. Kongregate application upload page Once the preview loads, wait for the Application to obtain the **Kongregate User ID** and **Username**. * When that has happened, select the **PlayFab Login With Kongregate** button. * After a brief pause, you should receive an **Authenticated via PlayFab** message. * At this point, you have successfully logged in using PlayFab and Kongregate! Testing PlayFab Login with Kongregate ## Related topics - [Platform-Specific Authentication](/services/playfab/identity/player-identity/platform-specific-authentication/index.md) - [Setting up PlayFab authentication using Google and HTML5](/services/playfab/identity/player-identity/platform-specific-authentication/google-html5.md) - [Setting up PlayFab authentication using Facebook and HTML5](/services/playfab/identity/player-identity/platform-specific-authentication/facebook-html5.md) - [Setting up PlayFab authentication using Twitch and HTML5](/services/playfab/identity/player-identity/platform-specific-authentication/twitch-html5.md) - [Server Anonymous Login Authentication](/services/playfab/identity/player-identity/platform-specific-authentication/anonymous-login.md)