Library

Google Drive files - How to embed (with examples)

By Formative Library
Last updated 10 months ago
0 Questions

How to embed Google Drive files!

To embed a site into your formative, you can either:
  • Choose the embed content option:


  • Or click the "+" icon within a question, and select "Embed":

Contents:
  1. All files
  2. Google Sheets
  3. Google Forms
  4. Google Docs
  5. Google Slides

1. All files

You can embed any file from Google Drive (including audio and video files) by pasting the sharing link into the Embed field:


This will add the file to your formative in "published" mode - which means students will not be able to edit it.

Note: Make sure the file sharing permissions are set to "Anyone with the link can view," so that students can view the file even when they are using their home networks.

Note 2: The file size will be fixed when you embed a Google Drive file in this way. If you would like to embed your files and edit the way they appear on the screen, please read on!

2. Google Sheets

Instructions for embedding:

  1. Click "File" at the top left, and select "Publish to the web"
  2. Choose the "Embed" tab and adjust settings to your preference
  3. Click "Publish" and copy the embed code that appears
  4. Paste the code into the Embed field in your formative 🙂
Tip: You can edit the height="500px" width="700px" part of the code to adjust how the Sheet displays on your students' devices.

Note: Google Sheets are not editable by students.

Example:

3. Google Forms

Instructions for embedding:

  1. Click the "Send" button at the top right
  2. Choose the "Embed HTML" tab and copy the embed code that appears
  3. Paste the code into the Embed field in your formative 🙂
Note: Students can respond to and submit embedded Google Forms!

Example:

4. Google Docs

Instructions for embedding:

  1. Click "File" at the top left, and select "Publish to the web"
  2. Choose the "Embed" tab
  3. Click "Publish" and copy the embed code that appears
  4. Paste the code into the Embed field in your formative 🙂
Tip: You can add a section of code before the final "</iframe>" to specify the height and width you'd prefer. Your code should be in this format: height="500px" width="700px"

Note: Google Docs are not editable by students.

Example:

5. Google Slides

Instructions for embedding:

  1. Click "File" at the top left, and select "Publish to the web"
  2. Choose the "Embed" tab and adjust the settings to your preference
  3. Click "Publish" and copy the embed code that appears
  4. Paste the code into the Embed field in your formative 🙂
Tip: You can edit the height="500px" width="700px" part of the code to adjust how the Sheet displays on your students' devices.

Note: Google Slides are not editable by students.