Skip to content
FRStart for freeStart free
← All platforms

Shopify guide

Your voice in your store's blog

A usage tip, the story behind a product, told by you: the Vokyt player sits inside your Shopify blog posts.

Create my free accountWatch the demo

What you need≈ 7 min to set up

  • Access to Online Store → Themes → Edit code
  • An Online Store 2.0 theme (or older)
  • 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 store domain, with and without www, and yourstore.myshopify.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

    Add the script to theme.liquid

    Themes › Edit code

    Online Store → Themes → … (next to Customize) → Edit code. Open layout/theme.liquid.

    Paste the script line right before the </head> tag, then Save. Tip: duplicate the theme first to keep a backup.

    liquid
      {{ content_for_header }}
  <script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>
</head>

  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

    Paste the tag into the post

    Show HTML

    Content → Blog posts → your post. In the editor, click the Show HTML button (<>).

    Paste the note's tag under the relevant paragraph, switch back and save.

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

  5. 05

    Check on the store

    The player appears

    Open the post on your store: the player shows with the transcript. Listens show up in your Vokyt dashboard.

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.

Does the script go away if I switch themes?

Yes: it lives in the theme. Paste it again into the new theme's layout/theme.liquid. Tags inside posts stay in place.

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.

Create my free accountAll platforms