With Guru’s embed feature, your team can augment their workflows by adding Guru content into other apps while keeping your knowledge updated in one single location.


❗️Important

  • You must be an Author or Collection Owner to copy a Card's embed code.


Embedding a Guru Card

1. Navigate to the Card you’d like to embed, either from the Guru extension or in the Guru web app.

2. Click the Share button in the top right corner of the Card.

3. Select Copy embed code. The code will be copied directly to your clipboard.

4. Paste this embed code into your external app to add the Guru Card.

Embedding a synced Card

To embed a Guru Card that is synced from a third party, you'll copy the link of the synced Card and replace the app.getguru.com portion of the Card's URL with embed.getguru.com. In a markdown (or equivalent) block on the destination webpage, paste the following code:

<iframe src="Card URL" frameBorder="0" width="500" height="400" style="margin:10px;max-height:100%;max-width:100%" allowFullScreen></iframe>


Frequently Asked Questions about Embedding Guru Cards

What can a user see in an embedded Guru Card?

  • There is limited functionality when a user views an embedded Card

  • At the top of the card, a user can click and see whether this content is trusted, and who the last verifier was.

  • Clicking the green “G” in the bottom right corner will open this card in the Guru web app.

Who can view an embedded Guru Card?

  • If a user does not have access to a card in Guru, they will NOT be able to see that Guru Card content in an embedded view. Permissions in Guru carry over to the embedded card view.

  • If a user is logged out of Guru, they’ll see the following screen in the embedded card view:

Embedded Guru Card view

Can you change the size of an embedded Card?

You can adjust the size of the embedded card within its embed code by changing the values for “height” and “width.”

Can you embed Cards synced from external sources?

This varies by website builder. If the website builder supports markdown embedding, you will be able to embed Cards synced from external sources, such as Zendesk, and Confluence, following the Embedding a Synced Card instructions above.

Can I embed a Guru Card into a Lessonly lesson?

Yes! Use the above instructions to copy the Card's embed code.

  1. In Lessonly, add a new text box to the lesson.

  2. Click to toggle to "HTML view" on the far right of the text box.

  3. Paste the Guru Card embed iframe code into the text box.

  4. You can adjust the height="400" setting to be a higher number if the Card appears to be too small in the box it's embedded in.

  5. Complete the rest of your lesson and publish!

Can I embed a Guru Card into a Workramp learning path?

Yes! Use the above instructions to copy the Card's embed code.

Within Workramp Guide, you will drag and drop the Embed function and paste the Guru embed code. You will need to remove the embed code outside the parenthesis until Guru formally supports Embedly:

Workramp embed code
Did this answer your question?