How do I display Airtable data in Webflow?

There are two routes. Paste Airtable's embed code for a shared view into a Code Embed element, and the page shows a live, read-only view, as Webflow's Airtable page explains. Or sync the records into CMS items, so each row becomes a page in your own design. Pick the embed for a schedule that only needs to be read, and CMS items when each row needs its own page.

How do I sync Airtable and Webflow?

Pick a sync app from the Webflow Marketplace, an automation platform such as Zapier or Make, or a custom build on both APIs. Check two things first. Does the tool sync in the direction your team edits? And does your record count fit your plan? Webflow says each synced record becomes a CMS item that counts against the item limit.

Can Airtable be integrated with Gmail?

Yes. Airtable's own automations include a Gmail send email action on paid plans, and Zapier can send an email for each new Airtable record. On your site, the chain runs from form to record to email. A visitor submits a Webflow form, the record lands in your base, and the table's owner gets a Gmail message.

What are the downsides of using Airtable?

The limits are size and speed. Airtable's pricing caps records per base at 1,000 on Free and 50,000 on Team. Business allows 125,000, and Enterprise Scale 500,000. Its Web API allows 5 requests per second per base. A Team base can hold more rows than the 20,000 CMS items of Webflow's Premium plan, so a large directory may need a filtered view for the site.

Why does a Webflow Airtable sync stop working?

Look for four causes. A field renamed in Webflow can break a Zap's mapping, as Webflow's guide to failing Airtable Zaps explains. The site can reach its CMS item limit, and Webflow's integration page for Airtable says new items then stop being created. An API build can miss the refresh that keeps Airtable webhooks alive past 7 days. Or new items arrive as drafts and stay off the live site. On a retainer or an hourly package, the Foursets team traces the cause and repairs it.

Home

/

Integrations

/

Webflow Airtable

Webflow Airtable Integration Services That Keep Your Site in Step with Your Base

Your team approves a row in Airtable, and someone still copies it into Webflow by hand. With our Webflow Airtable integration services, approved records become pages on your site and form leads go into your base. We integrate Airtable with your site in five days.

Sync my base

See our work

Trusted by 50+ B2B marketing teams across 25+ countries.

450+

CMS items migrated from WordPress to Webflow

see case study

+94%

Event registrations after the conference site redesign.

see case study

$50M+

Revenue tier of clients they attract.

see case study

2 weeks

PDF of ideas to live sales tool.

see case study

+20%

Organic traffic growth after migration.

see case study

EU-wide

Lead generation reach after B2B website launch.

see case study

+300%

Organic search traffic increase after redesign.

see case study

50%

Increase in qualified leads post-launch.

see case study

2x

Organic traffic increase after redesign.

see case study

4 weeks

Full website developed and launched twice over.

see case study

2x

ICP conversion increased.

see case study

5 weeks

Full website with SEO strategy delivered.

see case study

2-3 month

Full redesign, migration, and SEO delivered.

see case study

35%

Lead-to-client conversion rate from website.

see case study

50+

Enterprise clients signed from the website

see case study

75+

Blog articles migrated without a single loss.

see case study

1+year

Ongoing retainer after initial launch.

see case study

100%

URL coverage across both merged domains.

see case study

450+

CMS items migrated from WordPress to Webflow

see case study

+94%

Event registrations after the conference site redesign.

see case study

$50M+

Revenue tier of clients they attract.

see case study

2 weeks

PDF of ideas to live sales tool.

see case study

+20%

Organic traffic growth after migration.

see case study

EU-wide

Lead generation reach after B2B website launch.

see case study

+300%

Organic search traffic increase after redesign.

see case study

50%

Increase in qualified leads post-launch.

see case study

2x

Organic traffic increase after redesign.

see case study

4 weeks

Full website developed and launched twice over.

see case study

2x

ICP conversion increased.

see case study

5 weeks

Full website with SEO strategy delivered.

see case study

2-3 month

Full redesign, migration, and SEO delivered.

see case study

35%

Lead-to-client conversion rate from website.

see case study

50+

Enterprise clients signed from the website

see case study

75+

Blog articles migrated without a single loss.

see case study

1+year

Ongoing retainer after initial launch.

see case study

100%

URL coverage across both merged domains.

see case study

Airtable on Webflow

Airtable to Webflow CMS for Teams That Run Their Content in a Base

What Airtable is

Airtable is a relational database platform that organizes data into bases, tables, fields, and records, as Webflow's Airtable integration page puts it. One base can show the same Airtable content as a grid, a calendar, a kanban board, or a form. A Web API and webhooks open the base to outside systems.

What changes when records move into Webflow

Teams run job boards, listings, partner directories, and editorial calendars from a base. Each record becomes a CMS item that renders as its own page or as a card in a Collection List on your Webflow pages. Form submissions can travel the other way and land in the base as records your team works through. The Webflow CMS can't pull records from an outside database, and a CSV import moves data only once.

PROBLEMS > SOLUTION

Common Problems, Uncommon Airtable Sync Solutions

Challenge

Someone copies each approved row from the base into the CMS by hand, so our pages lag behind the base.

Leads from our site forms sit in an inbox until someone retypes them into the base.

The directory page still shows last month's rows, and no one noticed the sync had stopped.

We wanted a real page for each listing and got a read-only table, or our edits in Webflow vanished after the next sync.

A developer pasted our Airtable token into the site's custom code, where anyone who opens the page source can read it.

Our Solution

We replace that manual entry with a sync that creates a CMS item for each approved row. Your editors keep working in the base they already use.

We send each form submission into the right table as a new record, with each form field mapped to its own column. Your team works the leads where the rest of its work lives.

We trace where the records stop, repair the connection, and match the setup to the size of your base and your Webflow plan.

We choose the method by what your pages have to show and where your team edits. Before the build, you approve which side owns each field.

We take the token out of the page code and replace it with a new one that only the sync tool or a server function holds.

WEBFLOW EXPERT & PARTNER

Webflow experts, Premium Partners, and template authors, all in one team.

We hold three Webflow credentials. We've been certified Webflow experts since 2019, we're official Webflow template authors, and we're a Webflow partner at the Premium tier, the highest level in Webflow's partner program outside of Enterprise.

Vetted Webflow expertise

Our work passed Webflow's own review before Webflow certified it.

Priority support

When the Webflow side of a sync misbehaves, we raise it with Webflow's partner team directly.

Platform depth

From CMS architecture to Webflow Enterprise, we work at every layer where your sync touches the Webflow site.

Airtable Webflow Integration Methods That Fit Your Base and Your Plan

There are four ways to connect a base to Webflow, and our Webflow integrations team sets up any of them.

1. Sync apps from the Webflow Marketplace

Third-party apps such as Whalesync, CMS Bridge, and PowerImporter map an Airtable table to a CMS collection, and each record becomes a native CMS item. Webflow's guide to the Airtable integration notes that Airtable publishes no app of its own there. This route fits a base that should become real pages.

Direction differs by app. Whalesync works both ways. PowerImporter runs one way and overwrites Webflow edits to synced fields on the next sync. Some apps publish to the live site at once, and others leave drafts. Synced records also count toward your CMS item limit. Webflow's pricing lists 50 items on Starter, none on Basic, and 20,000 on Premium and Team.

2. Embedded Airtable views and forms

Airtable gives you embed code for a shared view or a form, and you paste it into a Code Embed element, Webflow's block for custom code. Webflow calls an embed the fastest way to show live data or collect form entries without touching the CMS. Embedded views are read-only, and the Airtable logo stays in the embed's bottom bar on any Airtable plan. An embedded form can't redirect visitors after they submit. You'll need a paid Site plan or a paid Workspace for the Code Embed element.

3. Automation platforms

Zapier, Make, and n8n watch for an event in one tool and act in the other. To connect Airtable, Gmail, Webflow in one chain, you set up two Zaps. The first turns a Webflow form submission into an Airtable record, and the second sends a Gmail message for each new record. A third Zap can add a matching CMS item.

For a two-way sync, Webflow notes that Zapier needs two separate Zaps, one per direction. Speed depends on the plan, and Zapier's Airtable trigger checks for new data every 15 minutes on its Free plan.

4. The Webflow Data API and the Airtable Web API

A custom build on both APIs gives you full control of field mapping, approval steps, and publishing to several sites. Webflow sites run no backend code, so a server or serverless function holds the tokens and passes the requests. Webflow's Airtable guide warns that an Airtable token pasted into page code can be read by anyone in the page source. Airtable's webhook documentation adds that webhooks expire after 7 days unless your function refreshes them. It's developer work.

Which route fits your base? Pages built from a base call for a sync app or the API. A lead form that should land in the base calls for an automation, and a read-only schedule needs only an embed. One site can run two routes side by side, such as a sync app for the pages and an automation for the lead form, each as its own Airtable connection.

Our Services

What Goes into a Sync That Keeps Your Pages Current

When we connect Webflow with Airtable, we build only the parts your route needs.

(1/7)

Base and field map review

Each Airtable field gets a matching Webflow CMS field, with custom field mapping where the types differ. We count your records against the plan's item limit, and the collections follow our CMS integration process.

(2/7)

Airtable to CMS sync

Your base stays the single source of truth for the content. Per collection, you decide with us whether new items go live at once or wait as drafts for an editor.

(3/7)

Two-way sync

When your editors also fix copy in Webflow, a two-way setup can sync Webflow CMS to Airtable as well. We set which side owns each field, so your editors know where a change will stick.

(4/7)

Forms into the base

Your Webflow forms each write to their own table, so a demo request and a job application land in different places. Then your team assigns and closes them as rows.

(5/7)

Alerts on new records

A Slack message or an email goes out when a new record lands. The person who owns the table sees it without checking the form inbox.

(6/7)

Tokens kept off the page

Your Airtable token sits in the sync tool or in a server function, out of reach of anyone who opens the page source.

(7/7)

Sync health after go-live

Dashboards, error logging, and alerts are in place from the day the sync goes live.

Case Studies

Don't take our word for it. Look at the results.

Six Webflow builds from our portfolio. Open a card to see what we built and what changed for the client.

20+ uniquely designed pages, a full SEO rebuild, and 14 months as their whole website department.

Dune Security trains employees not to click the shady link, turning staff from a liability into a human firewall. In May 2025 we took their website over from the agency that built it and inherited a half-documented Webflow and Figma setup. Fourteen months later we run their design, their Webflow development, their SEO, and the steady stream of graphics their marketing team ships every week.

Watch case study

An enterprise IT firm dragged off 8-year-old WordPress, with 450+ CMS items moved by hand.

SDI Presence runs turnkey IT for enterprise clients and U.S. government agencies. Think the California Highway Patrol and the Chicago Bears. Their website did not reflect that. It was an 8-year-old WordPress build with 250+ pages, 450+ CMS items in inconsistent formats, and a plugin update roulette that broke something every time. We rebuilt the whole thing on Webflow in six months, then handed their marketing team the blueprints.

Watch case study

From Wireframes to a Live Webflow Site in 4 Weeks. Twice.

Flowlabs ships geospatial AI to state Departments of Transportation in Seattle, North Carolina, and Florida. Their website didn’t match the client list. Aither, the agency leading the rebuild, brought us in for the Webflow development. We shipped from wireframes in 30 days, then did it again a year later on the same clock.

Watch case study

Three conference websites in two years, and event registrations up 94%.

Element451 is an AI-powered enrollment platform for higher education. Their annual Engage conference brings 1,000+ attendees from institutions around the world, and the website has to be ready before the doors open. We started by patching the existing site in 2025, came back to rebuild it from the ground up in under a month, then redesigned it completely in 2026 on their updated brand identity. Registrations went from 518 to 1,006.

Watch case study

Boutique tech firm positioned to win Accenture-scale deals, shipped in 2 weeks.

Parsectix is a boutique DevOps and Cloud consultancy in Cyprus competing with industry giants like Accenture. Their old website signaled scrappy startup to the C-suite IT buyers they were targeting. They needed enterprise-grade credibility on a startup budget and a tight timeline. We delivered both in two weeks, with the full blog and complex events archive migrated by hand.

Watch case study

15 months as JonnyDo’s on-call tech team, billed by the hour.

JonnyDo is a subscription handyman service for homeowners. They had branding and Figma designs but needed a website and a multi-tier Stripe checkout to take their first payment. We built both, launched them, then stayed as their on-demand tech team for 15 months on hourly packages. Hourly was the right model: steady workload that never added up to retainer scale.

Watch case study

Explore all case studies

22

Pricing

Deep expertise with simple, transparent pricing.

We fix the price of your Airtable setup on Day 2, once we've seen your base and your forms. Sync fixes after launch come out of an hourly package or a retainer.

One-time engagement

Fixed scope, fixed price

A full website redesign, migration, or SEO audit with everything defined upfront

No surprises on the invoice

Starting from

$60/hour

Scope my Airtable sync

Hourly packages

Prepaid hours valid for a month, quarter, or year

Use them when you need them

Starting from

$900/month

Browse packages

Monthly retainers

A dedicated design and development, or SEO team embedded in your Slack

Month-to-month, no lock-in contracts

Starting from

$3,000/month

See retainers

webflow integrations

Your existing stack stays intact

Webflow doesn't replace your tools. It connects to them. We wire every new site to the platforms your team already runs, so your data flows cleanly from day one and nothing breaks at launch.

Advantages

Why Choose Foursets to Connect Your Airtable Base

Here's what you get when our team connects your base to your Webflow website.

We've routed Webflow forms through Zapier before

For Dune Security, we sent form leads into Salesforce as contacts, accounts, and campaigns through Zapier, with Slack alerts on the way.

One team owns the CMS model and the sync

The developers who build your CMS collections also map the fields, so nothing gets lost between vendors.

A connection is done when the data arrives

Before go-live, we check each test record in the base and each synced item in the CMS.

A 48-hour average from request to live URL

Retainer clients drop requests in Slack or ClickUp, and the average request reaches a live URL in 48 hours.

Your tokens stay with full-time staff

Your Airtable token and your Webflow site token are handled only by full-time Foursets employees. We work with zero outsourced freelancers, so your base stays with the people you meet in Slack.

One pod stays on your account

Your account stays with one pod of 5 to 8 people. When the base grows a new table, the same developers map it.

See Where Records Stop Between Your Base and Your Site

Nick Rybak

Founder & CEO

Ask for a free integrations audit. You'll get a map of where your stack loses data between the base, the CMS, and the forms, plus a fixed quote for the repair.

Get my free integrations audit

Nick Rybak

Founder & CEO

PROCESS

Five Days from the First Call to Pages That Follow Your Base

DAY 1

Discovery call with Nick

You talk with Nick, our founder, about what lives in your base, which pages should come from it, and where form leads go today.

DAY 2

Audit, fixed quote, contract

We review your base, your forms, and any sync already running. The same day, you get our recommended route, a fixed quote, and the contract.

DAY 3

Kickoff and the field map

Your project gets a shared Slack channel and a ClickUp board. You approve the field map and the data flow, down to which status in your workflows sends a record to the site.

DAY 4

Build

We build the sync, the form routing, and the automations. You see each piece in Slack once it's finished.

DAY 5

Test and go live

We fire each form and webhook on a real staging URL and check each result where it lands, in the base or in the CMS. Then the sync goes live with dashboards, error logging, and alerts.

DAY 6+

Post-launch continuity

You keep the same Slack channel. New fields, new tables, and sync fixes go through a retainer or an hourly package.

INDUSTRIES

B2B companies we know inside out

What a B2B team can keep in Airtable depends on what it sells.

By company size:

Startups

A founder can keep a waitlist or a job board in a base and show it on the site without a developer.

Scaleups

As the team adds tables and forms, the field map can grow with them.

Enterprise

Before anything goes to production, IT can check where tokens live and who can reach the base.

By industry:

Agencies

An agency can publish client logos, services, or open roles from a base on its own site.

Conferences

An event team can keep speakers and sessions in a base, with agenda pages that follow it.

Construction

Projects, offices, or open roles at a construction tech company can all be listed from a base.

Cybersecurity

Before a sync is approved, a security team can review who has read access to the base.

E-Commerce

A B2B supplier can publish a product catalog or a dealer list from a base.

Education

Course lists can come from a base, and enrollment forms can send each application back to it.

Fintech

An approval status on each row lets a regulated team publish only reviewed content.

Healthcare

A clinic or provider directory can run from a base.

SaaS

A SaaS team can run an integration directory or a changelog from a base.

Tech Companies

Release notes and partner lists can come from a base on a developer-facing site.

Venture Capital

A fund can list portfolio companies from a base, so a new investment shows on the site once its row is added.

AWARDS

We don't have a trophy shelf (remote company). But if we did, it'd look like this.

Clutch Top Web Agency
in Poland

HubSpot Solutions
Provider

Semrush Certified
Expert

CSS Design Awards Honorable Mention x2

Webflow Premium
Partner

Awwwards Honorable Mention x2

Testimonials

What Clients Say About Working with Our Team

Your base holds your content and your leads. Read what our clients say about the team that would get access to it.

50+

Enterprise clients signed from the website

"They have truly transformed our marketing landscape."

Drew Danner

Managing Director, BD EMERSON

Explore case study

+300%

Organic search traffic increase after redesign.

“Working with Foursets was a transformative experience for Setproduct."

Roman Kamushken

Founder, Setproduct

Explore case study

2x

ICP conversion increased.

"We are very happy with their service."

Kateryna Dmytriyeva

Growth Manager, CIM

Explore case study

35%

Lead-to-client conversion rate from website.

"They had a strong knowledge of all aspects and provided a great thought partner to execute the goals."

Jeff Reed

Founder & CEO, Momentum Studios

Explore case study

50%

Increase in qualified leads post-launch.

“Their white-glove service is impressive.”

Orit Benzaquen

CEO, Penti

Explore case study

4.9 stars, 30 reviews

Webflow Premium
Partner & Expert

Pages That Update When Your Base Does

Tell us what lives in your base and which pages should come from it. We'll send a sync plan with the route that fits and a fixed quote.

Get my sync plan

The Stats

The Numbers Behind the Team That Syncs Your Base

Each figure below covers the whole company.

96.8%

On-time delivery rate since 2021. (We missed two deadlines. Still mad about them.)

48 hours

Average time from a request dropped in Slack or ClickUp to a live URL for retainer clients.

Zero

Outsourced freelancers. Each team member is a full-time Foursets employee.

3

In-house disciplines, so design, development, and SEO sit on one team.

100+

Clients served since 2021, across 13 industries and 25+ countries.

20+

Team members across Eastern Europe and Asia.

OTHER SERVICES

Other Services

Webflow Development

Web Design

Webflow Migration

SEO & AEO

Webflow Maintenance

How can I use Airtable as a CMS?

Keep and approve your content in Airtable, then let a sync turn each approved record into a Webflow CMS item that renders as a page. Webflow describes teams keeping drafts, owners, and approval status in a base and publishing the approved rows as CMS items. Airtable holds the workflow, and Webflow handles the design and the page itself.