Adding, configuring, and using the Airtable web clipper extension

Prev Next

Plan Availability

All paid plans

Permissions

  • Owners / Creators - Can create, delete, and modify extensions

  • Editors - Can edit the configuration of previously configured extensions

Platform(s)

Web/Browser, Mac app, and Windows app

Installing the web clipper extension in Chrome

Note

The Airtable web clipper browser extension can only be used when accessing Airtable in Google Chrome.

To install the web clipper extension to Google Chrome:

  1. Open the Chrome web store.

  2. Click Add to Chrome.  

  3. Click Add extension.

Adding and removing actions using the web clipper extension in Chrome

Note

Your clip actions' fields can vary depending on whether and how they're customized. Some fields might be prefilled with the web page's default values—like the page title or URL—while others might be blank. You can also create default values from CSS selectors.

To add clip actions using the clipper extension:  

  1. Open Chrome.

  2. While browsing a web page, click on your web clipper icon to bring up the list of available clip actions.

  3. Select your preferred clip action and the associated available options.

  4. Click Add record, then Show in Airtable.

To remove clip actions from the clipper extension:  

  1. Open Chrome.

  2. Click the web clipper icon to bring up the list of available clip actions.

  3. Select the clip action you want to remove.

  4. Click the icon.

  5. Click Remove clip action.

Importing and exporting actions using the web clipper extension in Chrome

To import web clipper actions:

  1. Open your Airtable home screen.

  2. Open the base where you want to add clipped records.

  3. Click on Tools in the upper-right corner of the base where you want to create the extension.

  4. Click the Extensions option.

  5. Click Import.

To export web clipper actions:

  1. Open your Airtable home screen.

  2. Open the base where you want to add clipped records.

  3. Click on Tools in the upper-right corner of the base where you want to create the extension.

  4. Click the Extensions option.

  5. Click Export.

  6. Select Click to copy.

Adding the web clipper extension in Airtable

To add the web clipper extension in Airtable:

  1. Open your Airtable home screen.

  2. Open the base where you want to add clipped records.

  3. Click Tools in the upper-right corner.

  4. Click the Extensions option.

  5. Click Add an extension.

  6. Search for and locate the web clipper extension.

  7. Click Add, then Add extension.

  8. Click Add record to table, then Add record.

  9. Click Show in Airtable.  

Configuring web clipper field types and default values

Text-based fields

Text-based fields: Single line text, long text, phone numbers, email, and URL fields are supported using the web clipper extension. When configuring the default values for these field types, you have the following choices:

  • None (no initial value)

  • Page title (e.g. “Airtable Universe”)

  • Page URL (e.g. https://airtable.com/universe)

  • Selected text (text highlighted on the page at the time that the web clipper button was clicked)

  • CSS selector (e.g. .inline.t-24.t-black.t-normal.break-words)

Select fields

Single select fields and multiple select field types are supported. When configuring the default values for these field types, you have the following choices:

  • None (no initial value)

Within the web clipper browser extension, the select field options will have the same colors that you defined in the field configuration.

Number-based fields

Number, currency, and percent fields are all supported field types. When configuring the default values for these field types, you have the following choices:

  • None (no initial value)

  • Selected text (text highlighted on the page at the time that the web clipper button was clicked)

  • CSS selector (e.g. .inline.t-24.t-black.t-normal.break-words)

The web clipper browser extension automatically populates any configured default value when you open the clip action. You can choose to override the default value by typing your own values.

Collaborator fields

Adding a collaborator field to your clip action allows you to select one of the collaborators in your base for the record. When configuring the default values for this field type, you have the following choices:

  • None (no initial value)

Your web clipper browser extension selections have the collaborator name and image, just like in the Airtable UI.

Attachment fields

You can use an attachment field to capture one or multiple images from a web page. When configuring the default values for these field types, you have the following choices:

  • None (no initial value)

  • Social media image (first image on the page)

  • CSS selector (e.g. .inline.t-24.t-black.t-normal.break-words)

If you have a default value configured for the web clipper browser extension, the image will be automatically added. You can override the default value or add new images using one of three image field inputs.

The supported attachment field inputs are:

  • Add screenshot: Click and drag your cursor to highlight a rectangular section of the web page, then capture a selected portion of the screen.

  • Add page screenshot: Capture a full-page screenshot of your current webpage.

  • Add image from page: Click on an image to capture it. If you can select it, the image will be highlighted in blue as you mouse over it.

Customizing web clipper actions in a web clipper extension

Note

Customizing clip actions lets you choose what kind of content goes into different fields when creating records using the browser extension.

To customize clip action settings:  

  1. Open your Airtable home screen.

  2. Open the base where you want to add clipped records.

  3. Click on Tools in the upper-right corner of the base where you want to create the extension.

  4. Click the Extensions option.

  5. Click the “Field” dropdown and select your preferred field.

  6. Click the “Default value” dropdown and select your preferred default value.

  7. Click Done.