How to Embed Airtable Data in WordPress

Quick answer
Embed Airtable in WordPress by sharing the view, copying Airtable's iframe code, and pasting it into a Custom HTML block — not the Visual editor, which strips iframes. Set the width to 100% for mobile. For numbers rather than lists, embed a Quadesto chart instead for a styled, always-fresh result.
Airtable is where a lot of teams keep their live data — content calendars, product catalogues, project trackers, and the numbers behind them. WordPress is where much of that work gets published. Getting the two to talk is a common ask, and there are two honest answers: a quick iframe embed, and a better route for when the data is actually numbers people need to understand.
The quick way to embed Airtable in WordPress
Airtable ships shareable views you can drop into a page with an iframe. Open your base, pick the view you want to show, generate a share link, and paste Airtable's embed snippet into a WordPress Custom HTML block. It takes a couple of minutes and needs no plugin.
Embed Airtable in WordPress: step-by-step
1. Open your Airtable base and select the view you want to publish. Tidy it first — hide fields your readers do not need, sort it sensibly, and filter out anything private, because the shared view shows exactly what you leave visible.
2. Click Share view, enable a shareable link, and copy the embed code Airtable generates. It is a standard iframe pointing at airtable.com.
3. In the WordPress editor, add a Custom HTML block where the table should appear. In the block editor (Gutenberg) that is the “Custom HTML” block; in the classic editor, switch to the Text tab first.
4. Paste the Airtable iframe into the block and preview the page. Do not paste it into the Visual tab of the classic editor — it will strip or escape the iframe on save.
5. Set the iframe width to 100% and wrap it so it scales on mobile. Airtable's default embed uses a fixed height, so give it a sensible height for your view and test it on a phone before publishing.
Why the default embed falls short
The raw embed works, but it has limits worth knowing before you rely on it. The styling is locked to Airtable's look, not your brand. On mobile the grid becomes a cramped horizontal scroll. The iframe adds a third-party request that can slow the page down. And a grid of rows is the wrong format when what you are publishing is a trend, a total, or a comparison — readers are left to do the interpreting themselves.
The better way: a real chart with Quadesto
A raw Airtable grid is fine for a list. It is the wrong tool when what you want to show is a number moving over time — revenue, growth, a KPI, a forecast. For that, a chart communicates in one glance what a table makes people work for.
Quadesto turns tabular data into a publication-ready, finance-aware chart you can embed with one line of code — styled to your brand, responsive by default, and correct on the methodology that matters for financial series. The same approach works across platforms, from charts in Webflow to Google Sheets in WordPress.
Keeping the data fresh
An Airtable embed reflects the live shared view, so edits in your base flow through to the page automatically — no re-publishing in WordPress. The wrinkle is caching: many WordPress hosts and plugins cache the page HTML, but the iframe loads Airtable directly, so the embedded data usually stays current even when the surrounding page is cached. A Quadesto chart refreshes the same way, pulling from its source so the published figure is never stale.
Common WordPress embed problems and how to fix them
Iframe disappears after saving: you pasted it into the Visual or classic editor, which strips iframes. Use a Custom HTML block or the Text tab instead.
Embed blocked or blank: confirm the Airtable share link is enabled — a private view returns nothing. Some WordPress security plugins also block third-party iframes, so whitelist airtable.com if you use one.
Table cut off on mobile: the fixed embed width overflows the column. Set the width to 100% and, if needed, wrap the block in a full-width container.
Old data showing: a caching plugin has served a stale copy of the page shell. Clear the plugin cache; the iframe itself does not cache Airtable's data.
When to use which method
Use the raw Airtable embed when the content is genuinely a list — a directory, a schedule, a catalogue — and readers need the rows. Use a Quadesto chart when the content is a result: a figure, a trend, or a comparison that should land immediately. If your site runs on Webflow rather than WordPress, the Webflow version of this guide walks through the same steps.
The deciding question is simple: are you publishing data to be read, or a result to be understood? Lists want a grid. Numbers want a chart.
Frequently asked questions
Can you embed Airtable in WordPress for free?
Yes. Airtable's shareable view embeds work on free plans, and WordPress's Custom HTML block is built in — no plugin or paid tier is required for a basic embed.
Will the embedded Airtable data update automatically?
Yes. The embed shows the live shared view, so edits in your Airtable base appear on the page. If you see stale content, it is usually a WordPress caching plugin holding the page shell, not Airtable.
Why does my Airtable iframe keep disappearing in WordPress?
The classic editor's Visual tab and some setups strip iframe tags on save. Paste the embed into a Custom HTML block in the block editor, or the Text tab in the classic editor, and it will stick.