> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helpdesk.webmag.io/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).

# Upload audio file and add it to a picture

Of course, you can also upload audio files in Webmag. You can even add them to an image on your page – and give another image to be displayed when the file is played.

1. First upload any image (e.g. a play button) at any point in the text via the editor’s toolbar.

2. Then click on the image you have just uploaded and open the audio pop-up that appears.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/upload-1_iwj2w3.jpg)

3. Now upload the audio file.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/upload-2_1kq83d9.jpg)

4. Optionally, you can upload another image to be displayed when the audio file is played (e.g. pause button).

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/upload-4_13fusgs.jpg)

After clicking on the play button, the audio file is played and the pause button is displayed.

![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/upload-button1_1i0xige.jpg)
![](https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/upload-button2_diu9us.jpg)