How Do I Add API Key to Webflow?

Adding an API key to Webflow is a simple process that allows you to integrate various services and access external data sources. In this tutorial, we will walk you through the steps to add an API key to your Webflow project.

Step 1: Sign In to Webflow

If you haven’t already, sign in to your Webflow account. Once signed in, navigate to your project dashboard.

Step 2: Access Project Settings

In the project dashboard, locate the project you want to add the API key to and click on its name. This will take you to the project settings page.

Step 3: Navigate to API Keys

On the left-hand side menu, click on “API Keys” under the “Integrations” section. This is where you can manage and add API keys for your Webflow project.

Step 4: Generate an API Key

To generate an API key, click on the “Generate New Key” button. A modal window will appear asking for a name for your API key. You can enter any name that helps you identify its purpose or the service it is associated with.


Make sure to keep your API keys secure and never share them publicly or send them over unsecured channels like email or chat platforms.

Step 5: Copy Your API Key

Once generated, Webflow will display your newly created API key. Select and copy this key as it will be needed for integrating external services with your Webflow project.

Step 6: Implementing Your API Key

  • For Webflow integrations: If you are using a Webflow integration or service that requires an API key, navigate to the respective integration settings and paste your copied API key in the designated field.
  • For external services: If you want to use your Webflow API key with external services, check the documentation or settings of that particular service for instructions on where to add the API key. Typically, there will be an option to enter your API key in their respective platform or settings page.

Step 7: Save and Test

After implementing your API key, make sure to save the changes and test if it is working correctly. This can involve sending test requests, checking logs, or verifying data flow between Webflow and the integrated service.

Congratulations! You have successfully added an API key to your Webflow project. With this integration, you can now unlock powerful capabilities and connect your website with various services and data sources.

If at any point you no longer need a specific API key or want to revoke access, you can simply delete it from the “API Keys” section in your Webflow project settings.

We hope this tutorial has been helpful in guiding you through the process of adding an API key to Webflow. Happy integrating!