How to embed a Google Drive folder in a website

 How to embed a Google Drive folder in a website

Google Drive folders can be embedded and displayed in list and grid views:


List view

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#list" style="width:100%; height:600px; border:0;"></iframe>


Grid view

<iframe src="https://drive.google.com/embeddedfolderview?id=FOLDER-ID#grid" style="width:100%; height:600px; border:0;"></iframe>



What is a folder ID (FOLDER-ID) and how can I get it?

Go to Google Drive >> open the folder >> look at its URL in the address bar of your browser. For example:


Folder URL: https://drive.google.com/drive/folders/0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2


Folder ID:

0B1iqp0kGPjWsNDg5NWFlZjEtN2IwZC00NmZiLWE3MjktYTE2ZjZjNTZiMDY2