Webflow & Glide Integration

Webflow and Glide are popular tools for building visual websites, client portals, and directories.

By connecting your live API Now! database to these platforms, you can automatically display, update, or sync database records (like product listings, portfolios, or member directories) in real time.

---

Webflow Integration

Webflow displays dynamic content using the Webflow CMS (Content Management System). There are two primary ways to display your database records in Webflow:

Option A: Real-Time Sync (Recommended for Directories)

Since Webflow CMS is pre-rendered for fast page loads, you can use a workflow tool (like Make or Zapier) to copy records from your database into Webflow CMS whenever they change.

1. Set up a Trigger: Configure Make/Zapier to check your API Now! list endpoint (e.g. GET /products) on a schedule or listen to webhooks.
2. Authenticate: Pass your API Key in the request header (Authorization: Bearer <Your_API_Key>).
3. Map CMS Fields: Map the JSON response fields from API Now! directly to your Webflow CMS columns (e.g., map the Name Semantic module to the Webflow Item Title).
4. Publish: When a new record is added to your database, it automatically publishes to your Webflow website.

Option B: Live Frontend Fetch (For Client Portals)

If you want to render live, private user data directly in a browser (bypassing the Webflow CMS):

1. Add a custom embed block to your Webflow page.
2. Write a simple browser request script to fetch live data:

   fetch('https://api.apinow.com/v1/your-api-slug/products', {
     headers: {
       'Authorization': 'Bearer YOUR_API_KEY'
     }
   })
   .then(response => response.json())
   .then(payload => {
     // Loop through payload.data and render items inside your HTML layout
   });

---

Glide Integration

Glide lets you build client portals and mobile layouts directly on top of external data. You can connect API Now! to Glide using Glide Tables Call API.

Setting Up a Live Data Source

1. Open your Glide Layout editor.
2. Go to the Data tab and select Add Table $\rightarrow$ Get Data from API.
3. Configure the connection settings:
   • Method: GET
   • URL: Enter your API Now! endpoint URL (e.g., https://api.apinow.com/v1/your-api-slug/products).
   • Headers: Add a header named Authorization with the value Bearer YOUR_API_KEY.
4. Save & Query: Glide will fetch the JSON data, parse the list under the data array automatically, and represent it as a readable grid sheet.
5. Bind these columns directly to your list cards, collection views, or detail components.

Note

If you have configured pagination in the API Modeler (which is mandatory for List actions), Glide will handle chunk loading automatically or display pagination buttons based on the standard envelopes returned by the platform.