How can I query information from the Webflow API about the currently logged in user specifically, from the JavaScript on a Webflow page?

Published on
September 22, 2023

To query information from the Webflow API about the currently logged in user from JavaScript on a Webflow page, you can follow these steps:

  1. Obtain an API key: Before you can make API requests, you'll need an API key. To get one, go to your Webflow account settings, navigate to the "API" tab, and generate a new API key. Copy the generated key for later use.

  2. Include the Webflow API library: In your HTML file, include the Webflow API library by adding the following script tag before your custom JavaScript code:

<script src="https://cdn.jsdelivr.net/npm/webflow-api@1.0.0/webflow-api.min.js"></script>
  1. Initialize the Webflow API: In your JavaScript code, initialize the Webflow API using your API key. Make sure to replace YOUR_API_KEY with your actual API key:
var api = new WebflowAPI('YOUR_API_KEY');
  1. Get the current user's ID: To query information about the currently logged in user, you first need to get the user's ID. You can do this by using the api.currentUser method:
api.currentUser().then(function(user) {  var userId = user.id;  // Use the user ID to make further API requests});
  1. Query user information: Once you have the user's ID, you can use it to query specific information about the user. For example, to get the user's email, you can use the api.user method and pass in the user's ID:
api.user(userId).then(function(user) {  var userEmail = user.email;  // Use the user's email for your desired functionality});

That's it! You have successfully queried information from the Webflow API about the currently logged in user using JavaScript on a Webflow page.

Additional questions:

  1. How do I authenticate API requests with the Webflow API?
  2. Can I update the user's information using the Webflow API?
  3. Is it possible to retrieve a list of all users using the Webflow API?