Web clipper recipe contest: the results are in!


Last month, we launched the web clipper block: a customizable browser extension that lets you turn web content into new Airtable records with just a few clicks. To celebrate, we held a web clipper recipe contest for users to submit their best clip actions for a chance to receive a pair of Airtable-branded Airpods.

We want to give a huge thanks to everyone who submitted—we were really impressed by the quality and variety of submissions. (If you submitted a recipe, check your inbox! You should have an email with a link to redeem for some swag.) Before naming the winner, we wanted to call out a couple of our favorite honorable mentions (who will each be getting an Airtable T-shirt and notebook):

A recipe for clipping Instagram profiles A recipe for adding to a board game collection A recipe to power a newsletter Winner: a recipe for clipping from Google Contacts
A recipe for clipping Instagram profiles

Chris put together this web clipper recipe, which uses CSS selectors to automatically clip information from users’ profiles on the web version of Instagram:

“I made a quick little clipper to grab some profile info for Instagram profiles. We’re constantly seeking interesting looking fans to reach out to and say hello to, and this helps us grab the pertinent details when we come across interesting folk!”

Chris’ clipper in action.

Want to try Chris’ clip action for yourself? Import the snippet below into your web clipper block, or just make a copy of this base, which contains a web clipper block that already has Chris’ recipe set up for you.

{ “schemaVersion”: 3, “fieldMappings”: [ { “fieldName”: “Handle”, “fieldType”: “singleLineText”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “h1._7UhW9” } } }, { “fieldName”: “Link in Bio”, “fieldType”: “url”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “a.yLUwa” } } }, { “fieldName”: “Bio”, “fieldType”: “singleLineText”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “div.-vDIg” } } }, { “fieldName”: “Photo”, “fieldType”: “multipleAttachments”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “img._6q-tv” } } }, { “fieldName”: “Posts”, “fieldType”: “number”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “ul.k9GMp:nth-of-type(1) span.g47SY” } } }, { “fieldName”: “Followers”, “fieldType”: “singleLineText”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “ul.k9GMp li:nth-child(2) .g47SY” } } }, { “fieldName”: “Following”, “fieldType”: “singleLineText”, “defaultValue”: { “type”: “cssSelector”, “opts”: { “cssSelector”: “ul.k9GMp li:last-of-type .g47SY” } } } ] } A recipe for adding to a board game collection

Avid board gamer Vincent Lee submitted a clip action for adding to his board game collection:

“My Board Game Library Airtable base holds details of the board games that I own, as well as those on my wishlist. [It includes] details such as when/where I bought it, the type of game it is, and which location is it in now (I bring them to and from work and home, and lend them out quite regularly).”

What makes this recipe extra powerful is that it uses CSS selectors to automatically clip pertinent information about different games from pages on the board gaming website BoardGameGeek. When you open up the web clipper extension, it automatically fills with the name of the game, a description of the game, a picture of the box art, the player count,

Continue reading

This post was originally published on this site