Webflow sync, pageviews & more.
NEW

Can I display a real-time count of items from different databases on my Webflow homepage?

TL;DR
  • Use Webflow CMS with a Collection List and custom JavaScript to count items.
  • Integrate an external database via API (Airtable, Firebase, or custom backend) using Webflow’s Embed element with JavaScript.
  • Automate updates with Make (Integromat) or Zapier by storing counts in a Webflow CMS field.
  • Implement live updates using AJAX and JavaScript to refresh counts dynamically.
  • Custom JavaScript, APIs, or automation tools are necessary for real-time cross-database counts in Webflow.

Yes, you can display a real-time count of items from different databases on your Webflow homepage, but Webflow’s native CMS does not support this directly. Here’s how you can achieve it:

1. Use Webflow's CMS Collections (Limited Approach)

  • If all data is within Webflow CMS, you can use CMS Collection Lists and the "Item Count" option.
  • Add a Collection List for each database and use custom JavaScript to count and display items dynamically.

2. Use Webflow with an External Database via API

  • If your data exists outside of Webflow (e.g., Airtable, Firebase, or a custom backend), you need an API integration.
  • Use Webflow’s Embed element to insert custom JavaScript that fetches and displays the count dynamically.
  • Example methods:
  • Airtable API for fetching record counts.
  • Firebase Firestore for real-time database updates.
  • Custom REST API using Webflow’s <script> embed.

3. Use Make (Integromat) or Zapier for Automation

  • Automate fetching and storing the count in a Webflow CMS field on a set schedule.
  • Display the count using Webflow’s native bindings.

4. Add JavaScript for Live Updates

  • If data changes frequently, use AJAX requests inside an HTML Embed to refresh the count without reloading the page.
  • Example: Use fetch() in JavaScript to call an API and update a Webflow element (via ID or class).

Summary

Webflow alone does not support real-time counts across different databases, but you can use custom JavaScript, APIs, or automation tools like Zapier/Make to display dynamic counts. Use external databases if you need scalable real-time data updates.

Rate this answer

Other Webflow Questions