---
title: Embedding
url: 'https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-embedding'
markdown: 'https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-embedding.md'
date: '2026-09-25'
description: 'QuickChords documents can be embedded in any web page. Using'
taxonomy:
  category:
    - docs
  devtype:
    - released
---

# Embedding

[](#)  [ Home ](https://www.twelvetone.tv/docs/)     [ Arts And Education ](https://www.twelvetone.tv/docs/arts-and-education)     [ QuickChords ](https://www.twelvetone.tv/docs/arts-and-education/quickchords)      Embedding    

This product has been released and is in active development.

QuickChords documents can be embedded in any web page.

## Using Short-Tags

Put your document between *qc* short-tags.

```html
<script src='https://www.quickchords.org/qc.js'></script>

<body>
[qc]
[ C ; G ; Amin ; F ]
[\qc]
</body>
```

## Using Class

Put your document inside an element that has the *qc* class.

```html
<script src='https://www.quickchords.org/qc.js'></script>

<div class='qc'>
[ C ; G ; Amin ; F ]
</div>
```

 [ ](https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-library) [](https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-document-types)

---

## Navigation

- Parent: [QuickChords](https://www.twelvetone.tv/docs/arts-and-education/quickchords.md)
- Previous: [QuickChords Library](https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-library.md)
- Next: [Document Types And Flavors](https://www.twelvetone.tv/docs/arts-and-education/quickchords/quickchords-document-types.md)
