Insert videos, files and web pages directly into Guru Cards. This process can be helpful when referencing training videos, spreadsheets, presentations, files and external FAQs. Inline Frames (iFrames) ensure that your team can easily digest the information from the Card and it automatically updates as you make changes to the original file.

Embedding a private video from Google Drive

  1. Open the video file in Google Drive.

  2. Click the ellipses in the upper right hand corner.

  3. Select Embed item from the drop down menu. (If this option isn't available, click Open in New Window, and you should see the embed option in the drop down menu of the new window.)

  4. Copy the HTML code in the box below the text: "Paste HTML to embed in website:".

  5. In the Guru Card you'd like to embed the video, paste the copied HTML code to automatically generate an iFrame block containing the Google Drive-hosted video. Adjust the size of the embedded video by clicking and dragging the slider at the bottom of the iFrame block.

    Note: if you prefer to use a Markdown block, click the Markdown icon (box with a pen) in the editing bar and paste the copied HTML code into the Markdown box. Click Preview to ensure the video has embedded.


✍️ Note

Only users who have permission to view the video in Google Drive will be able to view the video in the Guru Card. Any other user will see a page where they can request access to view the video from the owner.


Embedding iFrames from Google Docs or Google Sheets

1. Copy the Google Doc or Sheets link from the URL bar.

2. Start a new iFrame block in the Card.

3. Paste the Google Drive URL into the iframe pop-up.

4. If you’d like to edit the iFrame, access iframe options by clicking the carrot in the top-left of your embedded iFrame. You can also adjust the height of the iFrame by clicking the iFrame and then dragging the shaded bar at the bottom of the iFrame.

5. The Google doc will load using your current Google credentials that are in the browser. This means that Google is managing the access to the Google doc.

Embedding a published Google Doc or Google Sheet

For a sleeker presentation of the Google Doc or Sheet, try publishing it to the web.

1. Click File and Publish to the web.

2. Review the Published content & settings before clicking Start publishing.

It's here where you can click the dropdown menus to select a specific tab of the spreadsheet to publish for your Card embed.

3. After publishing, you can either copy the Link or Embed code.

If you copy the Link, insert an iFrame block in the Guru Card and paste the link to generate the file embed.

If you copy the Embed code, paste it directly in the Guru Card. The iFrame will automatically generate.


💡Tip
When you publish a sheet from Google Sheets, you can also restrict access to a particular sheet on this menu under Published content & settings.


Embedding an iFrame from Google Slides (in "Present" Mode)

1. Your team can easily access Google Slides in 'present' mode right in a Guru Card.

2. Click File and then Publish to the Web. Make sure that you uncheck 'Require users to sign-in with their account" if it is selected.


✍️ Note

Publishing to Web will not surface your document in any search results in the web since the doc is being published to a private site - Guru.


3. Click 'Embed'. Copy the entire Embed field.

4. In the Guru Card, click the "Markdown" icon (box with a pen) in the editing bar.

5. Paste the copied 'Embed' code into the Markdown box

6. Paste the embed code directly into a new line on a Guru card. The presentation will appear.

7. Drag the shaded bar at the bottom of the card to adjust its size.

Embedding a Google Form

  1. When in edit mode on the form, click on the Send button

  2. Click on Send via HTML

  3. Copy the Embed HTML code

  4. Open up a Markdown block in a Guru Card, and paste the code into it

  5. You can view how the form will look by clicking on Preview



📑 Related articles


Did this answer your question?