Embed brand-approved images and videos from your Air workspace directly in the WordPress block editor.

Joost de Valk

Ari Stathopoulos

Progress Planner

Filip Ilić

Brand Assets

Create a WordPress brand assets page with color palettes, logo downloads, and brand guidelines visitors can actually use.

airinc

Air Asset Picker is a Gutenberg block that connects your WordPress site to your Air workspace. Content editors can browse, search, and insert brand-approved images and videos from Air without ever leaving the WordPress block editor — no downloading, no re-uploading.
How it works:
<ul>
<li>Add the Air block to any page or post</li>
<li>Click Add asset to open the Air asset picker</li>
<li>Log in to your Air account</li>
<li>Browse or search your workspace and select an asset</li>
<li>The asset is embedded via Air’s CDN URL — no files are stored in WordPress</li>
</ul>
Why CDN delivery?
Assets are served directly from Air’s CDN. This means no storage overhead in WordPress, and any updates made to an asset in Air are reflected on your site immediately.
Requirements:
<ul>
<li>An active Air account on an Enterprise plan</li>
<li>Your Air workspace ID (found in your Air account settings)</li>
</ul>
<h3>External Services</h3>
This plugin connects to Air (https://air.inc) to enable asset selection and embedding. Air is a digital asset management service operated by Air Labs, Inc.
When is data sent?
<ul>
<li>When a user opens the asset picker inside the WordPress block editor, the plugin loads the Air picker UI from <code>https://wordpress-plugin.air.inc</code> in an iframe. This is required to authenticate the user and display the asset gallery.</li>
<li>When an asset is selected, only the asset’s CDN URL and metadata (filename, dimensions, alt text, caption) are sent back to WordPress and stored as block attributes. No binary file data is transferred to WordPress.</li>
<li>When a published page is viewed, the browser loads the embedded image or video directly from Air’s CDN.</li>
</ul>
What data is sent?
<ul>
<li>Your Air workspace ID (entered in Settings → Air Media)</li>
<li>Authentication credentials you enter into the Air picker (handled entirely by Air, never seen by the plugin)</li>
<li>No personal data from WordPress is transmitted to Air</li>
</ul>
Terms and privacy:
<ul>
<li>Air Terms of Service: <a href="https://air.inc/terms" rel="nofollow ugc">https://air.inc/terms</a></li>
<li>Air Privacy Policy: <a href="https://air.inc/privacy" rel="nofollow ugc">https://air.inc/privacy</a></li>
</ul>
<h3>Source Code</h3>
The compiled JavaScript shipped in <code>/build</code> is generated from human-readable sources in <code>/src</code> using <code>@wordpress/scripts</code> (webpack). The full source code, build configuration, and development instructions are publicly available at:
<a href="https://github.com/AirLabsTeam/air-wordpress-plugin" rel="nofollow ugc">https://github.com/AirLabsTeam/air-wordpress-plugin</a>
Build prerequisites:
<ul>
<li>Node.js 22 or later</li>
<li>npm 10 or later (or Yarn 1.x)</li>
</ul>
Build steps:
<pre><code>git clone https://github.com/AirLabsTeam/air-wordpress-plugin.git
cd air-wordpress-plugin
npm install
npm run build:prod
</code></pre>
The build outputs <code>/build/index.js</code>, <code>/build/view.js</code>, <code>/build/index.asset.php</code>, <code>/build/view.asset.php</code>, and <code>/build/block.json</code> — the exact files shipped in the WordPress.org zip. The only third-party runtime dependency bundled in <code>/build/view.js</code> is <a href="https://github.com/video-dev/hls.js" rel="nofollow ugc">hls.js</a> (Apache-2.0), used so non-Safari browsers can play Air’s HLS preview videos; everything else is sourced from <code>@wordpress/*</code> packages provided by WordPress core.

Alternatives to Air Asset Picker

Top alternatives