Welcome to Getting Started. Here, we will learn how to integrate Furo.js into your website and implement a login feature.

​
Step 1: Adding the Script to Your HTML File

Please add the following script file inside the <head> tag of your HTML.

<script src="https://cdn.furo.one/sdk/furo.min.js"></script>

​
Step 2: Initializing Furo.js

Add the script block below inside the <body> tag. If the initialization is successful, you should see a message Furo JS initialized in the console. For more details on initialization, check here.

<script>
  furo.init({
    clientId: '65e15c26cfe10dc6796cb44409933163',
    publicApiKey: 'apikey-public-live-c2235f19-73a7-4d3f-84f2-e5f241d39285',
  });
</script>

​
Step 3: Adding a Login Button

Copy the <button> tag and paste it into your HTML editor, then give it a try.

<button onclick="furo.open('login')">Login</button>

​
Step 4: Trying Out the Login

Did you see the login UI appear when you clicked the button?
Try logging in with your account.

​
Step 5: Retrieving Logged-In User Information

Now, you can retrieve the logged-in user’s information from anywhere using furo.user. Try printing furo.user in the console of the developer tools.

console.log(furo.user);

​
Congratulations!

Congratulations! You have completed the Furo.js login tutorial in just one minute.
For more detailed information, refer to the Guides section.

Was this page helpful?

IntroductionSetup