How to embed google drive folders in Softr (Grid, List, Item detail,...)

Embedding Google Drive Folders in Softr

To embed a Google Drive folder into Softr, you must first extract the folder’s ID from its original URL. For example, if the folder URL is:

https://drive.google.com/drive/folders/XXXXXX

the folder ID is XXXXXX. Next, construct a new URL designed for embedding:

https://drive.google.com/embeddedfolderview?id=XXXXXX#grid

If you’re using Airtable and have the original URL in a “Drive Link” field, you can create a formula field that generates this embed URL automatically:

"https://drive.google.com/embeddedfolderview?id=" & REGEX_EXTRACT(
{Drive Link},
"drive/folders/([^?/]+)"
) & "#grid"

You can also display the folder in a list view by changing #grid to #list, like so:

https://drive.google.com/embeddedfolderview?id=XXXXXX#list

This setup is especially useful for project-based workflows. Each item (for example, each project) can be linked to a corresponding Google Drive folder, which can then be displayed in a side panel within Softr to show relevant files.

3 Likes

Excellent, thank you for sharing

1 Like