Skip to main content
You have a collection of bookmarks and want to show it right on your website or blog — without sending visitors somewhere else. An embed places a live, interactive widget on any page. It updates automatically when you add, remove, or reorder bookmarks in Raindrop.io. You can embed a single collection or your entire profile page that lists all public collections.

​
Embedding a collection

The collection must have Public Page enabled before it can be embedded.
1
Go to app.raindrop.io and open the collection you want to embed.
2
Click Share in the top-right corner and turn on Public Page if it’s not already enabled.
3
Switch to the Embed tab, copy the code, and paste it into your website’s HTML.
Here’s how an embedded collection looks:

​
Embedding your profile

Your profile page at username.raindrop.page lists all public collections in one place. It can also be embedded as a widget.
The profile page only exists when you have at least one public collection.
1
Open your profile page at https://your-username.raindrop.page in a browser. You can find your username in Account Settings.
2
Click Embed in the top-right corner, copy the code, and paste it into your website’s HTML.
Here’s how an embedded profile page looks:

​
Hiding elements

When generating the embed code, you can type keywords into the Hide field (comma-separated) to remove specific parts of the widget:
KeywordWhat it hides
headerTop header bar
excerptDescription
noteNote
tagsTags
infoDomain & date
add”Add to Raindrop” button

​
Limitations

  • The widget appearance cannot be customized with CSS — only the Hide field is available for adjustments

​
FAQ

Yes. Any changes you make in Raindrop.io appear in the embed automatically.
No. You need to enable Public Page for the collection before embedding it.

Public page

Share collections via a public link without embedding

Collaboration

Give others edit access to a collection