Language
picpins hotspot images can be embedded in your pages via Notion's embed block — with a few limitations you should know before you start.
Suited for internal wikis, onboarding documents, and public pages.
Upload a photo, place markers, fill tooltips. Auto-save handles saving.
In the picpins dashboard click "Share" and copy the public link — not the embed code.
In the Notion page paste the link and choose "Create embed". Notion loads picpins as an iframe.
Notion is a special case: the platform allows embeds, but only via its own iframe-based embed logic — no direct HTML insertion like in WordPress or Shopify. Instead you use the picpins share link, which Notion automatically embeds in an iframe.
Notion does not allow free HTML with custom scripts. Instead you need the public share link of your picpins image. In the picpins dashboard click on the image, then "Share" — you get a URL like https://picpins.com/v/[token].
In the Notion page at the desired position type /embed. Notion offers "Create embed". In the popup paste the picpins share link, click "Embed link".
Alternative: just paste the link into an empty line of the Notion page — Notion recognizes URL patterns and automatically suggests "Create embed" as an option.
When you share the Notion page publicly (e.g. as a Notion site or via "Share to web"), the embed works there the same way. Both internal Notion workspaces and public pages support iframe embeds.
For Notion sites via providers like Super.so, Potion, or Notionlytics the same applies — the iframe is taken over.
If the iframe embed is too restrictive (e.g. for Notion Free plans without public pages), you can also embed a screenshot of your picpins image in Notion and place a link to the interactive version below. Works in any Notion context, but of course without hotspot functionality directly in the Notion page.
Office photo with hotspots on workstations, printers, kitchen, emergency exits — onboarding tour without long text.
Software screenshot, markers on every UI element with explanation. Documentation people actually read.
Photo of the hotel room, the beach, the city — hotspots with personal tips and recommendations.
Screenshot of the final state of a project, hotspots on components with owners and files.
Notion does not allow free HTML or custom JavaScript in pages for security reasons. Instead external content is embedded via iframes — you only provide the URL, Notion builds the container around it.
Yes, on the personal Free plan the embed function works without limit. Public pages ("Share to web") are also available on the Free plan.
Notion gives the iframe a default height that is often too small. Click on the embed, then a drag handle appears at the bottom center — drag it down until the entire image plus tooltip area is visible.
Yes, all click, hover, and tap interactions are active in the iframe. Tooltips open like on the actual picpins page. Only restriction: tooltips that try to extend beyond the iframe edge get clipped by the iframe.
Not directly in a database field — Notion fields expect text, numbers, selects. Workaround: on the detail page of a database entry (each entry opens as its own page) place the embed manually.
Yes. Each embed is its own iframe, you can place as many as you like on a page. Performance stays okay because Notion lazy-loads the iframes as soon as they become visible.
iframes are not resolved in Notion's PDF export — you only see an empty placeholder with the link. For print/PDF use cases embed a static screenshot of the picpins image instead.
Yes, embeds carry over to Super.so, Potion, and similar tools. Sometimes with small layout adjustments — the tools render the iframe in their theme environment.
Via the share link instead of embed code, with adjusted iframe height. Plenty for wikis and onboarding docs.