Gallery
Share
Explore

icon picker
Get started with the Web Page Metadata Pack for Coda

Get the title, icon, and other metadata for any URL.
Eric Koleda

What is it?

When you paste a link into Coda you can choose how to display it, including as a card:
⁠
Coda: Your all-in-one collaborative workspace.
Coda is an all-in-one platform that blends the flexibility of docs, structure of spreadsheets, power of applications, and intelligence of AI.
coda.io
⁠
⁠
The image, title, and description come from metadata hidden within the HTML code of the web page. The card view shown above is great, but what if you want to break it apart and access the individual pieces of data?
Well now you can, using the
Web Page Metadata Pack
⁠
. Once installed, simply use the formula =WebPageMetadata(url) to load a rich object filled with the metadata extracted from that page.
For example:
=WebPageMetadata("https://coda.io").Description
⁠
With Coda, teams can jump in quickly, collaborate effectively, and make progress together. Coda feels familiar like a doc and engaging like an app.
⁠
⁠
The Pack can extract a variety of different metadata from the page, including:
Title
Description
Icon
Main image
Embedded video
Language
Keywords
Author
Date published & modified
Contact information (Email, Twitter handle, Facebook page)

Try the Pack

Enter a URL and click the button. It will be added to the table below and in a few seconds it’s metadata will load in. Hover over the chip in the “Web Page” column to see the full set of data.
For example, try this URL: https://www.youtube.com/watch?v=dQw4w9WgXcQ
Copy
⁠
⁠
URL:
​
⁠
Add URL
⁠
Web Pages
Web Page
Description
Image
Icon
Url
Twitter
Video
1
The doc for everyone, meet the evolution of docs - Coda
With Coda, teams can jump in quickly, collaborate effectively, and make progress together. Coda feels familiar like a doc and engaging like an app.
@coda_hq
​
2
Power your business with the new Pack ecosystem
A marketplace for selling the Packs you create, extended access to Packs for your plan, and endless ways to customize.
@coda_hq
​
3
GitHub - coda/packs-examples: Examples code for Coda Packs.
Examples code for Coda Packs. Contribute to coda/packs-examples development by creating an account on GitHub.
@github
​
There are no rows in this table
⁠

Install the Pack

Found it useful? Click below to learn more and install it in your own doc. 👇
⁠
Web Page Metadata Pack, extend Coda with Web Page... - Coda
Hidden in the HTML of a web page is a wealth of metadata about what lies within, and this Pack is the key that unlocks it. 🔑 Simply enter a URL into the "WebP
coda.io
⁠
⁠

Thanks

Special thanks to
Fran_Vidicek
⁠
in the Coda Community who inspired this Pack.
⁠
⁠
⁠
Cover photo by
Amanda George
⁠
.

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.