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.
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 ellipsis on the left menu bar of the Card.
3. In that menu, you will see an option to grab the Card’s embed code:
4. Click Copy code.
5. 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:
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 Google Drive, Zendesk, Confluence, and more following the Embedding a Synced Card instructions above.
Can I embed a Guru Card into a Lessonly lesson?
Yes! Follow these instructions:
In Guru, follow the Embedding a Guru Card or Embedding a Synced Card instructions above to copy the Card's embed code.
In Lessonly, add a new text box to the lesson.
Click to toggle to "HTML view" on the far right of the text box.
Paste the Guru Card embed iframe code into the text box.
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.
Complete the rest of your lesson and publish!
Can I embed a Guru Card into a Workramp learning path?
Yes! Follow these instructions:
Navigate to the Card you’d like to embed, either from the Guru extension or in the Guru web app.
Click the ellipsis on the left menu bar of the card
In the menu, you will see an option to grab the Guru card’s embed code.
Copy this 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: