Embedding Google Drive Folders

This guide will provide an overview of how to embed Google Drive folders into your site. Note: you will need a Google or Gmail account before you start this process. This process can also be applied to the Expanding Text Module. 

Step 1. Get the public URL of the folder. This might look light like this: https://drive.google.com///#folders/unX9VBU8x9m66klrJdZv. Copy the folder ID, that's the last bit of the URL, in this example: unX9VBU8x9m66rJdZv.

Step 2. Paste your folder ID to this text/code where the text, YOURID is located in the URL, be sure to not add spaces or alter the text in anyway: 

  • List View: <iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#list" width="100%" height="500" frameborder="0"></iframe>
  • Grid View: <iframe src="https://drive.google.com/embeddedfolderview?id=YOURID#grid" width="100%" height="500" frameborder="0"></iframe>
Step 3. Copy the iframe text/code with the ID added
Step 4. Return to your MyHub site, select the page you’d like to display the folders on, add a Text Image Video module and place the module into edit mode
Step 5. Select the Source option and paste the text/code into the module, click Save
You should be able to see your folder now, as seen below.

Still need help? Contact Us Contact Us