Guides
Vokyt on any site
The Vokyt player is two lines of HTML. If you can add code to your site, you can add your voice notes. Pick your platform: each guide has its animated demo and step by step.
Pick your platform
- PluginWordPressThe official plugin: record from the editor, a dedicated block and dictation.5 min →
- GhostCode injection, then an HTML card in the post.5 min →
- WebflowSite custom code, then an HTML Embed in Rich Text.6 min →
- Shopifytheme.liquid, then the blog post's HTML view.7 min →
- SquarespaceCode injection, then a Code block in the post.5 min →
- No codeWixA button to the listening link, no code.3 min →
- HTML and custom CMSThe script in the template, the tag in the article.3 min →
- Hugo, Jekyll, Astro, EleventyThe script in the base layout, the tag in Markdown.4 min →
- Next.js, React, Vue, SvelteA standard web component: no package to install.5 min →
- DevelopersDictation in TipTapVokyt dictation in your editor, as one extension.10 min →
How it works, in 2 lines
One script line, once for the whole site, ideally in the head. It loads the player (under 15 KB) and carries your site's public key.
<script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>Then, in each article, the voice note tag, where it should appear:
<vokyt-player note="note_…"></vokyt-player>- 1Dashboard → Sites and integration: add your site and all its domains (with and without www, plus the platform's preview domain if you use it). The player won't show on an undeclared domain.
- 2Copy the public key pk_live_… into the script line.
- 3Dashboard → Voice notes → a note → “Intégration” (Embed) box: copy its <vokyt-player> tag.
The public key (pk_live_…) can appear in your pages. The secret key (sk_live_…) must never be there: it is only for server-side plugins.
Medium, Substack, LinkedInListening link
These platforms don't accept custom code. Use the voice note's listening link: pasted alone on a line, it shows a preview with an image. Or post the video audiogram (Creator and Pro plans) on LinkedIn, Instagram and X.
Voice note not showing?
- Is the page's exact domain (with or without www) declared in Sites and integration?
- Is the script line present once, with the right pk_live_… key?
- Is the voice note ready (transcript done) in the dashboard?
- Did the editor keep the tag? View the published page's source and search for vokyt-player.
Still stuck? Email bonjour@vokyt.cc with the page address.