How to Embed Glasp Highlights on Note-Taking Apps & Websites
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.
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.
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.
Before you leave
If you have any questions, please look at the FAQ or message us.
👉 FAQs
👉 Slack
See you next time,
Glasp team
—
