Embed live Airtable records on any website
Airtable's shared view iframe looks like Airtable, not like your site. SheetRocket turns your records into styled cards, grids, menus, and tables that match your brand, with two lines of code.
A real widget, not an iframe
This widget renders directly into the page, so it inherits the space and feel of your site. Your Airtable records render the same way.
The code that powers this widget
Paste into any page where you want your Airtable records to appear
<div data-sheetrocket-widget="your-widget-id"></div> <script src="https://sheetrocket.com/app/widget.js" async></script>
How it works
Embed Airtable in three steps
Connect your Airtable base
Sign in with Airtable or paste a personal access token, then pick a base. Your fields become columns automatically, attachments become images, and linked records show as names.
Pick a template and customize
Choose a site, widget, or client portal template. Map your Airtable fields, then set colors, fonts, layout, and which fields appear where.
Publish, embed, or share
Get a hosted URL, paste a two line embed code into your existing website, or call your REST API endpoint. Edits in Airtable show up within about a minute.
Where people embed Airtable
Any website that accepts custom code or an embed block.
Webflow
Webflow
Add an Embed element and paste the code. Your records appear inside your Webflow design.
WordPress
WordPress
Use a Custom HTML block. No plugin to install or keep updated.
Framer
Framer
Drop the code into an Embed component to show live records on your Framer site.
Site builders
Squarespace and Wix
Paste the snippet into a Code block or HTML embed on any page.
One page sites
Carrd and Notion sites
Add a live catalogue or list to a one page site without a backend.
HTML
Plain HTML
Static sites on GitHub Pages or Netlify work too. It is pure client side code.
Airtable shared view iframe vs SheetRocket widget
Same records. Very different experience for your visitors.
| Situation | Without Sheetrocket | With Sheetrocket |
|---|---|---|
| Look and feel | Airtable's interface inside a box on your page. | Cards, grids, menus, or tables styled with your colors and fonts. |
| Mobile visitors | A cramped grid that scrolls inside the frame. | Layouts that adapt to phones and tablets. |
| Search and filters | Limited to what the shared view allows. | Built in search, category filters, sorting, and pagination. |
| Hiding fields | Create and maintain a separate view for the public. | Pick exactly which fields show in the widget builder. |
| Selling | Not possible from a shared view. | Add to cart and checkout with online payments. |
Frequently asked questions
Why not just use Airtable's embed code?
Airtable's embed shows an iframe of the Airtable interface. It is great for internal sharing but it does not match your site, is hard to use on phones, and cannot take orders. SheetRocket renders your records as native parts of your page.
Does the embed slow down my site?
No. The script loads asynchronously and SheetRocket caches your records, so the widget appears quickly without waiting on Airtable.
Is my Airtable token exposed in the embed code?
No. The embed code only contains a widget ID. Your Airtable token stays on SheetRocket's servers.
Can I show images from attachment fields?
Yes. Map an attachment field to the image slot and SheetRocket uses the first file in that field.
How many widgets can I embed?
The Free plan includes 5 widgets. Pro and Agency include unlimited widgets.
Put your Airtable records on your website
Free to start. Two lines of code. No iframe.
Get your embed code free