Vote on round one + enter our first contest to potentially win $100 or $250!

:sparkles::rotating_light::bell: MATCH ONE: Page Designer v Web Clipper :bell::rotating_light::sparkles:

In our first match, the top seed Page Designer goes head-to-head against the new and scrappy wildcard, Web Clipper. Use your vote below to show which block is most valuable to you! Poll closes at 9am (PST) tomorrow.

  • Page designer
  • Web clipper

0 voters

But wait! There’s more: every day, we’ll also feature a quick blocks-themed contest! To kick things off for our first contest we’ve got three ways to play (which means up to three winners!)

In the comments below, share either:

  1. Your best web clipper recipe
  2. A screenshot of your favorite page designer layout

And you could win a $100 Amazon gift card! Or, if you’re feeling really ambitious:

  1. Share a universe base that uses both web clipper and page designer together :exploding_head:

For that one, you could win a $250 Amazon gift card! We’ll pick one winner per option, and the contest closes along with voting at 9am (PST) tomorrow, so don’t wait!

We can’t wait to see what you’ve created :hammer_and_wrench:

6 Likes

I’ve shared my daily driver, an “Agenda & Notes” base that I use to organize my work and responsibilities, on Airtable Universe:

This base makes use of the Web-Clipper block for keeping “Notes” of web pages I want to remember or find helpful.

It also makes use of the Page Designer block to give an overview layout of a “Project”, in which I associate “Agenda Items” and “Notes” to some greater goal I am working towards. The Page Designer overview is helpful to have visible while I am scheduling my “Agenda Items” on a Calendar view.

It also incorporates the Batch Update block, which I use to move forward any “Agenda Items” from “today” that did not get completed/dismissed en-masse.

This base is my main workspace on a daily basis, and helps keep me organized and focused amidst the firehose of information that comes at me every day – so hopefully others can find it a useful starting place for organizing their daily activities as well!

1 Like

This is my Web Clipper recipe from the base shared above:

{
    "schemaVersion": 3,
    "fieldMappings": [
        {
            "fieldName": "Title",
            "fieldType": "singleLineText",
            "defaultValue": {
                "type": "pageTitle",
                "opts": null
            }
        },
        {
            "fieldName": "Main URL",
            "fieldType": "url",
            "defaultValue": {
                "type": "pageUrl",
                "opts": null
            }
        },
        {
            "fieldName": "Attachments",
            "fieldType": "multipleAttachments",
            "defaultValue": {
                "type": "ogImage",
                "opts": null
            }
        },
        {
            "fieldName": "Tags",
            "fieldType": "multipleSelects",
            "defaultValue": {
                "type": "specificOption",
                "opts": {
                    "id": ""
                }
            }
        },
        {
            "fieldName": "Category",
            "fieldType": "singleSelect",
            "defaultValue": {
                "type": "none",
                "opts": null
            }
        }
    ]
}

It grabs the “Social Media” image or main page image from the webpage, the Title, and the URL. I love that I can also select Tags and a Category for my Web-Clipped note right there in the Web Clipper Extension! And I’m just waiting for the upcoming “Long Text Field” to be supported in the Web Clipper block, so that I can save “Currently Selected Text” into the “Body” field of my note!!

3 Likes

Here is my YouTube research web clipper that helps a person visiting a youtube video page clip the following details, where applicable:
Video Title
Video Description
Video URL
Video Duration
Video View Count
Video Channel URL

{
"schemaVersion": 3,
"fieldMappings": [
    {
        "fieldName": "Video Title",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": "h1.title"
            }
        }
    },
    {
        "fieldName": "Video Description",
        "fieldType": "multilineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": "#description > yt-formatted-string"
            }
        }
    },
    {
        "fieldName": "Video URL",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "pageUrl",
            "opts": null
        }
    },
    {
        "fieldName": "Video Duration",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": "#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-left-controls > div > span.ytp-time-duration"
            }
        }
    },
    {
        "fieldName": "View Count",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelector",
            "opts": {
                "cssSelector": "#count > yt-view-count-renderer > span.view-count.style-scope.yt-view-count-renderer"
            }
        }
    },
    {
        "fieldName": "Channel YT Url",
        "fieldType": "singleLineText",
        "defaultValue": {
            "type": "cssSelectorAttribute",
            "opts": {
                "attributeName": "href",
                "cssSelector": "a.ytd-video-owner-renderer"
            }
        }
    }
]

}

3 Likes

Page Designer Entry

Here’s my entry for round 1 of Blocks Madness using the page designer. The result is a conference badge for the fictional Airtable conference in 2021 :laughing: (come on though, Airtable team, you know you want to :wink:).

The base behind it is very simple:

and uses a formula field to generate a QR code image URL based on the table key/primary field (in this case the attendees email address), so that attendees can be scanned on their way into the conference (attendee logging captured in the another base or table, of course, using the Airtable mobile app).

The QR image is rendered in the page designer by using a dynamic, per record, image:

Screenshot 2020-03-12 at 09.20.48

The barcode/QR code image generator is free to use - more details here and here

Here’s the base if you want to take a look:

Looking forward to meeting you all in 2021!

JB

5 Likes

:joy: WWAC 2021
:tada::tada::partying_face::tada::tada:

4 Likes

The thought has crossed our minds :wink:

3 Likes

welp, looks like my bracket is shot already 🤦🏻‍♂️ 😂

1 Like

There’s no shame in loving Web Clipper! It’s a beautiful block :two_hearts:

2 Likes