> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.jotterpad.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add Music Notation & Chords in Markdown

Create and print beautiful sheet music, guitar chord/lyrics with quick and easy to use music notation shorthand in JotterPad.

# Add Musical Notation using ABC Notation

## How To Use
Sheet music can be added using [ABC Notation](https://abcnotation.com/) syntax in JotterPad's [Markdown code block](/en/article/format-text-with-markdown-gexkc6/#3-pre-formatted-code). To declare ABC Notation in the code block to be rendered globally, use `codeBlockRenderAs: abc` in the Markdown file's [YAML](/en/article/customize-template-in-markdown-19ir6fu/).

To declare ABC Notation to render on individual code block, 
1. Type 3 backticks (```) at the start of the code followed by space or return key.
2. Press the `</>` button at the top right corner.
3. Choose `abc`.
4. Add `renderAs=abc` in metadata.

## ABC Notation Syntax

Please refer to the ABC Notation official documentation here:
* [ABC Notation Syntax](https://abcnotation.com/wiki/abc:standard:v2.1)

## Examples
Here are some examples of JotterPad Markdown templates using ABC Notation:

1. [Sheet music for beginners](https://jotterpad.app/app/templates/sheet-music-for-beginners-md) 

![](https://storage.crisp.chat/users/helpdesk/website/a720bae09aee9000/screenshot1_bmioec.png)

For a more detailed guide on sheet music, please refer to the ABC Notation official page [here](https://abcnotation.com/wiki/abc:standard:v2.1).


# Add Guitar Chord/Lyrics using ChordPro

## How To Use
Guitar Chord/Lyrics can be added using [ChordPro](https://www.chordpro.org/chordpro/) syntax in JotterPad's [Markdown code block](/en/article/format-text-with-markdown-gexkc6/#3-pre-formatted-code). To declare ChordPro in the code block to be rendered globally, use `codeBlockRenderAs: chordpro` in the Markdown file's [YAML](/en/article/customize-template-in-markdown-19ir6fu/).

To declare ChordPro to render on individual code block, 
1. Type 3 backticks (```) at the start of the code followed by space or return key.
2. Press the `</>` button at the top right corner.
3. Choose `chordpro`.
4. Add `renderAs=chordpro` in metadata.

## ChordPro Syntax

Please refer to the ChordPro official documentation here:
* [ChordPro Syntax](https://www.chordpro.org/chordpro/chordpro-chords/)

## Examples

![](https://storage.crisp.chat/users/helpdesk/website/a720bae09aee9000/screenshot1-1_1o91aiz.png)

Here are some examples of JotterPad Markdown templates using ChordPro:

1. [Guitar Chord/Lyrics Sheet](https://jotterpad.app/app/templates/guitar-chord-lyrics-md) 

For a more detailed guide on sheet music, please refer to the ChordPro official page [here](https://www.chordpro.org/chordpro/).