# Tip: How to embed entire Google Drive Folder into Webview

**URL:** <https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216>\
**Category:** Ask for Help\
**Created:** [May 25, 2021, 5:10pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216 "2021-05-25T17:10:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jaybird\_Farrow](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jaybird_farrow/32/135_2.png) [@Jaybird\_Farrow](https://community.glideapps.com/u/Jaybird_Farrow)\
**Post date:** [May 25, 2021, 5:10pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/1 "2021-05-25T17:10:27Z")

</div>

Just a quick tip. If you have an entire folder that you want to add to your app, set it to anyone with the link then you can either embed it as a **Grid**  
[https://drive.google.com/embeddedfolderview?id=xxxxxxxxxxxxxx-#grid](https://drive.google.com/embeddedfolderview?id=xxxxxxxxxxxxxx-#grid)

or as a **List**  
[https://drive.google.com/embeddedfolderview?id=xxxxxxxxx#list](https://drive.google.com/embeddedfolderview?id=xxxxxxxxx#list)

---

<div class="post-metadata">

**Author:** ![adiboo\_adib](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adiboo_adib/32/24714_2.png) [@adiboo\_adib](https://community.glideapps.com/u/adiboo_adib)\
**Post date:** [January 19, 2022, 9:56am UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/2 "2022-01-19T09:56:20Z")

</div>

Hi have you find a solution?  
thanks

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 19, 2022, 11:14am UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/3 "2022-01-19T11:14:32Z")

</div>

This is a how-to post, not a question, have you tried doing it the same way as @Jaybird_Farrow?

---

<div class="post-metadata">

**Author:** ![adiboo\_adib](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adiboo_adib/32/24714_2.png) [@adiboo\_adib](https://community.glideapps.com/u/adiboo_adib)\
**Post date:** [January 19, 2022, 5:45pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/4 "2022-01-19T17:45:29Z")

</div>

HI  
@Jaybird_Farrow link doesn’t work, i want to know if someone has tried to embded google drive folder on glide app. thanks

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 19, 2022, 6:10pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/5 "2022-01-19T18:10:15Z")

</div>

It’s not supposed to be a valid link. He is demonstrating how to structure the url that you use to embed the drive contents in your app using what I can only assume is a webview component.

You need to replace the ID portion of the url with the ID of your own google drive folder.

---

<div class="post-metadata">

**Author:** ![adiboo\_adib](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adiboo_adib/32/24714_2.png) [@adiboo\_adib](https://community.glideapps.com/u/adiboo_adib)\
**Post date:** [January 25, 2022, 12:05pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/6 "2022-01-25T12:05:07Z")

</div>

i’ve this message on webview

 ![screenshot-go.glideapps.com-2022.01.25-13_04_22](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/5/d520875283d657000542587c355e3172ba1db3dd.png)

the folder is sharable

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 25, 2022, 12:45pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/7 "2022-01-25T12:45:16Z")

</div>

I just tested. It works.  
Either you haven’t constructed the link correctly, or your folder isn’t publicly viewable.

---

<div class="post-metadata">

**Author:** ![adiboo\_adib](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adiboo_adib/32/24714_2.png) [@adiboo\_adib](https://community.glideapps.com/u/adiboo_adib)\
**Post date:** [January 25, 2022, 3:50pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/8 "2022-01-25T15:50:21Z")

</div>

the folder is public

---

<div class="post-metadata">

**Author:** ![Dilon\_Perera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilon_perera/32/85652_2.png) [@Dilon\_Perera](https://community.glideapps.com/u/Dilon_Perera)\
**Post date:** [January 25, 2022, 3:53pm UTC](https://community.glideapps.com/t/tip-how-to-embed-entire-google-drive-folder-into-webview/27216/9 "2022-01-25T15:53:14Z")

</div>

Check if you have set the permission of the link to Anyone with the link.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/1/31c8434de6f1d7cc408bcaade9a87ab8f92b9281.png)

And then copy the link and paste it somewhere and copy the ID of that link. ( between folders/ and ? ) For a example in the above screenshot that folder’s ID is after `folders/` that start with `1j...` and ends with ? and don’t copy ?.

Then paste the example link that @Jaybird_Farrow added in to a template column or a Construct URL column and replace the xxxx with that copied ID. Like this.

With [Template column](https://docs.glideapps.com/all/topics/computed-columns/primary/template-column)  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/d/fda79d2bcb8b2c7ebd7ce4c9590d431ec8cd8e8d.png)

With [Construct URL](https://docs.glideapps.com/all/topics/computed-columns/primary/construct-url) column  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/c/0caa60f0af61ab924f491eb4fe5ca6c3b0ca90f0.png)

And the result.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/1/41507f67aa6324c13de0680d96b4b6b69c89503a.png)

Hope I’m correct.

Thank you
