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.