Embed a Free Tuner on Your Site

Paste one snippet and your page gets a real, working chromatic tuner — not a screenshot or a link out. It listens through the visitor’s microphone, or plays reference tones if they’d rather tune by ear. No account, no ads, no cost.

<div style="max-width:480px">
  <iframe
    src="https://panotuner.com/embed/tuner"
    width="100%" height="420"
    style="border:1px solid #caa96a;border-radius:12px"
    allow="microphone"
    loading="lazy"
    title="Pano Tuner — free online tuner">
  </iframe>
  <p style="margin-top:6px;font:12px Georgia,serif;text-align:center">
    Tuner by <a href="https://panotuner.com/" rel="noopener">Pano Tuner</a>
  </p>
</div>

Why add this to your page

If you write about music, teach lessons, or run a school or resource page that mentions tuning, your readers currently have to leave your site to find a tuner. This keeps them on yours. Pick the plain chromatic tuner for any instrument, or one of the guitar tuning presets above — Drop D, Open G, DADGAD and the rest — and the target notes are already docked under the dial.

What the snippet does

  • The iframe is the tuner itself — sandboxed, so it can’t clash with your site’s CSS or scripts. Resize it by changing the width/height attributes; it fills whatever box you give it.
  • The credit line below it is plain text and a link, not part of the iframe — it’s there so visitors (and search engines reading your page) can see where the tuner comes from. We’d appreciate you keeping it, but the tuner works either way.

About the microphone

The allow="microphone" attribute in the snippet lets a visitor’s browser grant this tuner mic access when they tap “Start Tuning” — nothing is requested automatically, and nothing is recorded or sent anywhere; the pitch detection runs entirely in their browser. If your platform strips iframe attributes (some page builders do), the tuner still works — it falls back to “Play reference tones,” a pitch-pipe mode that needs no microphone at all.

Frequently asked questions

Does this cost anything?

No. Pano Tuner is free to use and free to embed, with no usage limit and no account needed on either side.

Can I use it on a WordPress, Squarespace or Wix site?

Yes — any platform that lets you paste raw HTML (a “Custom HTML,” “Embed” or “Code” block) will work. If your editor only accepts a URL, the iframe’s src value on its own also works in most “embed a webpage” blocks.

Will this slow down my page?

The iframe uses loading="lazy", so it only loads once a visitor scrolls near it — it won’t add to your page’s initial load time.

Prefer to just link to a page instead? Browse the instrument tuners or the guitar tunings.