Widget · Embed builder
Build your embed
Turn any paper on your site into an audio brief, a short video and a one-page infographic, without sending the reader anywhere. Pick a paper, set it up below, and copy the code. No account needed to try it.
How it works
- 1
The script mounts every marker on the page
Ten papers on one listing page means ten marker divs and still just one script tag. The script is async, so it never blocks your page, and it is cached across every page that embeds it.
- 2
Only the button renders inline
Its background is transparent and it inherits your column width, so it drops into an author byline or an abstract block without disturbing your layout.
- 3
The drawer opens over your page
Your reader gets the audio, the video and the infographic without ever leaving your article.
Using React, Vue or Angular? Switch the tab above the code and you'll get a component that installs the @researchbunny/rb-widget package instead of dropping in a script tag. Plain HTML needs no install.
Formats
data-formats decides what the drawer may offer. Allowing a format is necessary but not sufficient. The tab only appears if that paper actually has the content, which is why the builder shows you what each paper has.
| Value | Tab | What the reader gets | Requires |
|---|---|---|---|
audio | Listen | A short spoken brief of the paper. | Always available |
reels | Watch | A short reel and a 16:9 abstract video. | A generated video |
infographic | Infographic | The whole study on a single page. | A generated infographic |
summary | Summary | The plain-language write-up, laid out as a timeline. | A structured summary |
Publishing a whole publication list? There's a second embed for that: one trigger that opens a list of every paper, set up from your ResearchBunny dashboard.
Attribute reference
| Attribute | Values | If you leave it out |
|---|---|---|
data-widget-type | v2 (one paper) | v2 |
data-paper-id | Your paper's ResearchBunny id | required |
data-formats | Comma-separated, from the formats table | every tab, including ones this builder doesn't offer |
data-style | tag · bar · underline · floating | tag |
data-theme | rb · rb2 · midnight · navy · green · red · indigo · charcoal | rb |
data-color-mode | auto · light · dark (how the button adapts to your page) | auto |
data-label | Your own button headline | generated from the formats |