Webflow does not have a built-in way to directly call external REST APIs, especially those that require authentication like Google, Facebook, or Mailchimp APIs.
1. No Native REST API Fetching or Authentication
- Webflow does not allow server-side scripting or secure API key storage, which prevents it from safely making authenticated REST API requests from within the platform itself.
- Client-side JavaScript (using
<script> in the Embed component) can technically fetch public APIs, but it exposes API keys, tokens, or secrets, which is not secure for services requiring authentication.
2. Workarounds for Accessing External Services
To integrate authenticated APIs into Webflow, consider these common approaches:
- Use a no-code backend like Zapier, Make (Integromat), or n8n to handle API calls and send data to/from Webflow via Webflow CMS API or Forms.
- Build a custom backend (e.g., a Node.js or Python server) that securely handles authentication and API calls, then communicates with Webflow using Webhooks or CMS API.
- Use third-party plugins or platforms such as Memberstack, Outseta, or Parabola to manage auth and API interactions separately, connecting data back into Webflow.
3. Limited Use Cases with Client-Side JavaScript
If an external API:
- Does not require authentication, or
- Supports public endpoints, or
- Allows access via a frontend public key,
you may use custom JavaScript in the Webflow project’s page settings or Embed element to fetch data. But this method should not be used for secure or private data.
4. Webflow CMS API and Form Submissions
While outbound access to APIs is not supported, you can:
- Use Webflow’s CMS API to programmatically update CMS content from external sources.
- Trigger workflows via form submissions (e.g., submitting a form sends data to Make or Zapier which then calls Mailchimp API).
Summary
Webflow does not support direct API calls to services like Google or Mailchimp, especially with authentication. To connect external APIs, use middleware tools (Zapier, Make) or custom backends that handle tokens and securely communicate with Webflow via its API or Webhooks.