Embed a chord player

Put a chord diagram that plays on your own page. Copy the line below, change the chord and instrument, and paste it into your site's HTML.

Embed code

<iframe src="https://www.hearthechord.com/embed/player/?chord=b-minor&inst=guitar" width="360" height="460" style="border:0;max-width:100%" loading="lazy" title="B minor chord on guitar, playable"></iframe>

Options

chord: the chord's page name, for example c-major, a-minor, g-7, e-flat-maj7, f-sharp-m7. It's the last part of any chord page's address.
inst: guitar, piano or ukulele.

What your readers get

The same player as the site: the easiest good shape for the chord, a Play button that strums or arpeggiates it, half and quarter speed, a loop, and a left-handed flip on guitar and ukulele. Notes light up as they sound. There are 180 chords on each of the three instruments.

Who it's for

Teachers writing lesson pages, bloggers who explain a progression, course creators and forum posters. It's free. The player shows a small link back to the full chord page on Hear the Chord; please keep it. The player has no ads and no analytics.

Tips

Use 360 × 460 for guitar and ukulele and 460 × 360 for piano.
Several players on one page are fine; each loads only when scrolled into view.
On platforms that don't allow iframes, link to the chord page instead: every page works on phones.

Problems or a size you need? Contact us. Terms: terms of use.

Updated September 2026.