Embedding docs, videos, and iFrames in Cards

Roles: Authors


Insert videos, files, webpages and more directly in your Guru Cards via iFrames. This can be helpful when referencing training videos, spreadsheets, presentations, files and external FAQs. iFrames ensure that your team can see the information from the Card and it automatically updates as you make changes. Although, all content needed frequently by your team should be included directly in Guru, embedded information is not queried when searching.

How to Embed an iFrame

General iFrames

  1. Navigate to the webpage or item you would like to embed.
  2. Open the Card you would like to embed the iFrame in, or create a new Card.
  3. Paste the following HTML into your Card. <iframe src="demo_iframe.htm" height="200" width="300"></iframe>
  4. Adjust the section src="" to include the link to the page or file you would like to embed. For example, to embed the Guru homepage I would adjust it to src="https://www.getguru.com".
  5. Adjust the size to reflect the size you would like it to display as, the dimensions are in pixels. As a note, Guru Cards can be resized by dragging the edges and when you resize a Card it remembers its size going ahead.
  6. Provide background for your team on how they should utilize the embedded page or file and save the Card. As a note changes on the page generally take a few minutes to show up in the embedded version on the Card.

Google Drive Files

  1. Open the file you would like to embed.
  2. Click File and select 'Publish to web...'
  3. Choose Embed and click on 'Published content & settings' to determine whether or not you'd like to require viewers to sign in as well as confirming that it should be automatically republished when changes are made.
  4. Confirm you'd like to publish.
  5. Copy the embed information and paste it into the body of the Card where you would like to embed the document. You can resize the document by editing the HTML.
  6. Provide background for your team on how they should utilize the embedded page or file and save the Card. As a note changes in the file generally take a few minutes to show up in the embedded version on the Card.

Box Files

  1. Navigate to the file you would like to embed and click settings (three dots).
  2. Select 'Sharing' and then 'Embed Widget'.
  3. Select the size you would like the file to be, as well as the theme.
  4. Copy the embed information and paste it into the body of the Card where you would like to embed the document.
  5. Provide background for your team on how they should utilize the embedded file and save the Card. As a note changes in the file generally take a few minutes to show up in the embedded version on the Card.

Youtube Videos

  1. Choose the video you would like to embed, and navigate to the video in YouTube.
  2. Click the 'Share' button, and select the 'Embed' option. Once this is done copy the information they include.
  3. Paste the code into your Guru Card where you would like the video to be embedded.
  4. Provide background for your team on how they should utilize the embedded video and save the Card. As a note changes in the video generally take a few minutes to show up in the embedded version on the Card.