How to Embed Glasp Highlights on Note-Taking Apps & Websites

Do you want to bring your saved highlights from Glasp into your note-taking system or personal website? With Glasp, you can easily embed highlights as cards in apps like Notion and Obsidian or share them on blogs and websites. This feature makes it simple to organize your learnings, revisit key insights, and share them with others in a more engaging way.

In this tutorial, we’ll walk you through the steps to copy the embed code from Glasp and add it into your favorite apps.

If you haven't signed up for Glasp or installed the Glasp browser extension, please do so. You can refer to this tutorial.

Step 1: Open and highlight an article

Open any article you want and start highlighting sentences you resonate with. When you select a sentence, you can see a popup showing up, so please click any color you want.

Step 2: Go to My Highlights page

Please open the Glasp page. You’re on the Home feed now, so go to the My Highlights page by clicking at the top left.

Step 3: Get Highlight Embed Code

On each highlight on the My Highlights page, you can see a three-dot button. Please click it. It shows a menu to take each action.

To embed the highlight, select Copy Highlight Embed Code.

Embedding Options

To embed the highlight, you can paste the code you copied. But the flow slightly differs depending on note-taking apps, so I’ll show two main note-taking apps.

Obsidian

When you want to show the Glasp’s highlights as a card on Obsidian. You can just paste the link. The default link uses iframe by default, so it looks like below.

Then, when Obsidian recognizes the link, it shows like below. If you’d like to change the size of the card, please update the width and height.

Note: Obsidian doesn’t accept a-tag, so See More Highlights doesn’t work on Obsidian.

How to Embed Glasp Highlights in Obsidian (YouTube)

Notion

When you want to show highlights on Notion, you need to edit the iframe code. After pasting the embedding code, please extract the link part.

Delete the iframe part, paste the link again, and choose Create embed. It shows the card below.

How to Embed Glasp Highlights in Notion (YouTube)

Isn’t it easy, right? This way you can embed Glasp’s highlights as a card on Obsidian and Notion. We will improve the feature, so please wait for the next product update release.

FAQs

Q. Can I embed Glasp highlights on websites like WordPress or personal blogs?

Yes. Just paste the iframe embed code into the HTML editor of your website.

Q. Will my embed update automatically if I edit or delete a highlight?

No. The embed reflects the state of the highlight at the time you copied the code. You’ll need to re-copy it to update.

Q. Are embedded highlights public or private?

All embedded highlights are publicly viewable since Glasp is a social highlighter.

Q. Can I customize the card design?

Currently, customization is limited to editing the iframe’s size. More design options are planned in future releases.

Q. Does embedding work on mobile apps?

Embedding works best on desktop versions of Notion and Obsidian. Mobile support depends on how each app handles iframes.

Before you leave

If you have any questions, please refer to the FAQ or contact us.

See you next time,

Glasp team