Skip to content
← All platforms

Squarespace guide

Your voice in your Squarespace blog

Code injection once for the whole site, a Code block under the paragraph: that's it.

What you need≈ 5 min to set up

  • A Squarespace plan that includes code injection
  • A site administrator account
  • A Vokyt account, Free plan included

Step 1 of 4 · Copy the script

vokyt.cc/tableau-de-bord

Step by step

  1. 01

    Set up Vokyt

    Account, site, public key

    Create your Vokyt account (free), then open Dashboard → Sites and integration → Add a site.

    Declare every domain where the player will show: your domain, with and without www, and yoursite.squarespace.com. The player won't show on an undeclared domain: that is what stops anyone from using your voice notes elsewhere.

    Copy the script line shown: it already contains your public key (pk_live_…). That key is safe to put in your pages.

    html
    <script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>
  2. 02

    Paste the script into code injection

    Code injection › Header

    Depending on the interface version: Settings → Advanced → Code injection, or Website → Website tools → Code injection.

    Paste the script line into “Header”, then Save.

    html
    <script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>
  3. 03

    Record a voice note

    30 s to 1 min 30

    Dashboard → New voice note: record in the browser or upload a file. Vokyt levels the sound and transcribes it within seconds.

    Review the transcript, then copy the note's tag from the “Intégration” (Embed) box.

    html
    <vokyt-player note="note_…"></vokyt-player>
  4. 04

    Add a Code block

    + › Code

    Edit the post, click the insert point under the paragraph, then + → Code.

    Keep HTML mode, paste the note's tag and untick “Display source” if the option exists.

    html
    <vokyt-player note="note_…"></vokyt-player>
  5. 05

    Save and check

    The player appears

    Save the post and open it outside the editor: the player shows with the transcript.

Frequently asked questions

Why doesn't the player show?

9 times out of 10, the page's exact domain isn't declared in Sites and integration (with or without www, preview domain). Also check the script line is present once and the voice note is ready.

The player doesn't show in the editor

Squarespace often disables custom scripts while editing. Check on the live site, in a window where you're not signed in.

Will it slow my site down?

The player weighs under 15 KB, loads deferred and uses no cookies. Audio is only downloaded when the reader presses play.

Other platforms

Ready to let readers hear you?

Create your account, record a first voice note and follow the steps: it's free to start.