Self-hosted documentation synced from Notion.

WaveVisual Help Center


Songs are a great source of inspiration when making sound wave art. They are also one of the easiest ways to experiment with WaveVisual. To turn a track from Spotify’s catalog into a sound wave, use **Search songs** in the editor.

1. Open [wavevisual.com/editor](http://wavevisual.com/editor).
2. In the left sidebar, select the **Audio** tab.
3. Under **Add your audio**, click **Search songs** (_Find music from Spotify’s catalog_).
4. In the **Search songs** dialog, type at least three characters in **Song name or artist**. Results are powered by Spotify’s catalog.
5. Choose a track, then click **Confirm song**. WaveVisual loads the track and builds the waveform on your canvas.

![Audio tab with Search songs and other source options](https://tmpfiles.org/dl/33537554/01-editor-audio-tab-laptop.png)


When you start typing, WaveVisual searches Spotify’s catalog and shows matching tracks and artists.


![Search songs dialog with Spotify results](https://tmpfiles.org/dl/33537589/02-search-songs-modal-results.png)


After a song is selected, WaveVisual fetches the audio analysis for that song and refines the analysis to generate an accurate, visually appealing sound wave.


![Editor with waveform after confirming a track](https://tmpfiles.org/dl/33537591/03-editor-after-song-selected.png)



Use Search songs under the Audio tab to pick a track from Spotify’s catalog and generate a sound wave in the editor.

Creating sound waves from songs


Welcome to the help article on shortcuts in our sound wave art editor! In this article, we will cover the various shortcuts that you can use to make your design experience more efficient and streamlined.

1. Backspace for deleting objects: To delete an object in your design, simply select the object and press the backspace key on your keyboard. This will remove the object from your canvas.
2. Ctrl/Cmd + Z for undoing: If you make a mistake or want to revert a change, you can use the Ctrl/Cmd + Z shortcut to undo your last action. This is a great way to quickly fix mistakes or try out different design options.
3. Ctrl/Cmd + Shift + Z for redoing: If you have undone an action and want to redo it, you can use the Ctrl/Cmd + Shift + Z shortcut. This will reverse the undo action and restore the change that you had previously made.
4. Escape for unselecting objects: If you have multiple objects selected and want to unselect them all at once, you can use the escape key on your keyboard. This will deselect all objects, allowing you to start fresh with your selection.

We hope these shortcuts will help you work more efficiently and effectively in our design editor. If you have any questions or need further assistance, don't hesitate to reach out to our support team. Happy designing!



Full list of currently available keyboard shortcuts in WaveVisual editor

Keyboard shortcuts


Adding a text element to your design very straight forward. Simply head to the **Text** menu and click on **Add New Text**.


![text_menu.png](/media/d805a555-39c4-4882-848c-2068c215e60a-text_menu.png)


Text elements have a few configuration options. You can modify their colors, fonts and font sizes within the same menu.


We have various font options available within our editor. These are the options at the moment:

- Arial
- Barlow
- Barrio
- Big Shoulders Display
- Comic Sans MS
- Dancing Script
- Indie Flower
- Krona One
- Lato
- Lobster
- Montserrat
- Open Sans
- Oswald
- Roboto
- Sans Serif
- Shadows Into Light
- Silkscreen
- Yellowtail

If there is a specific font you want to see in our editor, feel free to contact us about it. We will do our best to help you.



Explaning how to add and configure text elements to an artwork.

Adding text elements to designs


You can personalize how your sound wave is drawn in the **Sound Wave** tab. The main controls are: **style**, **colors**, **thickness**, **space**, and **height**—plus **bar length** and **circle radius** when you use the circle style.


### Where to find it


Open the **Sound Wave** tab in the left panel. At the top you choose the style (Standard or Circle); below that are the color row and sliders for thickness, space, and—for horizontal styles—height. When the style is **Circle**, extra sliders appear for bar length and circle radius.


### Style


Choose how the wave is drawn:

- **Standard**: Horizontal bars (the classic look).
- **Circle**: A circular waveform, ideal for round artwork and posters.

Changing style can reset thickness and space to defaults for that style.


### Colors


Use the color row to set a single color or a gradient. Add multiple color stops and drag to reorder them; the wave bars follow these colors along the waveform.


### Thickness


**Thickness** is the width of each bar. Lower values give thinner bars; higher values give bolder bars. The range depends on whether you use Standard or Circle. Below, examples of the same wave at different thickness.


![Sound wave when thickness is set to 2](/media/204037f7-1d60-4e59-b8f1-050ee8d36698-CleanShot_2026-03-16_at_21_49_07.png)


![Sound wave when thickness is set to 5](/media/79e66544-e49f-42cd-9b8c-da7d481de193-CleanShot_2026-03-16_at_21_51_04.png)


### Space


**Space** is the gap between each bar. At 0, bars touch and the wave can look like a solid shape; higher values make the bars more separated. Here are some examples:


![Sound wave when space is set to 5](/media/bce5ce53-c6c8-4110-87c5-dda9826ffe9c-CleanShot_2026-03-16_at_21_51_38.png)


![Sound wave when space is set to 0](/media/18c3038b-6b03-43ee-8893-ed7e49f24114-CleanShot_2026-03-16_at_21_52_01.png)


When **space** is zero, bars touch and the wave can read as one continuous shape.


### Height (horizontal styles)


For **Standard** (and other horizontal styles), **Height** is a percentage that scales how tall the bars are. 100% is the default; reduce or increase it to fit your layout. This control does not appear for Circle style.


### Circle-only: Bar length and Circle radius


When the style is **Circle**, two extra sliders appear:

- **Bar length**: How far each bar extends from the circle (from the centre outward).
- **Circle radius**: The size of the circle. Use it to make the ring larger or smaller on the canvas.

### Height (examples)


These examples show how bar height can vary for horizontal waves.


![Height is set to 336](/media/1a4b58b8-2b22-469b-9410-d8ea7b04bc1c-CleanShot_2026-03-16_at_21_52_39.png)


![Height is set to 736](/media/cbe2b43c-0a82-423a-9015-434fe6c91989-CleanShot_2026-03-16_at_21_53_01.png)



Control how your wave looks: choose a style (Standard or Circle), colors, thickness, space, and height—plus circle-only bar length and radius.

Customizing the wave style


QR codes are the most common way we share links in the physical world these days. Whether it is a restaurant’s menu or a vaccine passport, QR codes are everywhere and virtually every modern mobile phone can easily recognize them. Therefore, we’re utilizing QR codes to allow you to scan your designs back and listen to your sound.


The options related to QR codes can be found under **QR Code** tab within our [editor](https://wavevisual.com/editor).


![sizzy-photo-studio-2022-05-09T223550.181Z.png](/media/8d17f2c3-24a0-46e9-b836-815a07f1b70d-sizzy-photo-studio-2022-05-09T223550_181Z.png)


You can choose what happens when someone scans the QR code:

- **Design landing page** (default): A dedicated page that shows your design and an integrated audio player so viewers can listen to your sound.
- **Uploaded audio**: The QR opens your uploaded audio file directly.
- **Song on Spotify**: If your sound is from Spotify, the QR can open that track on Spotify.
- **Custom URL**: Point the QR to any URL you want.

All QR codes lead to clean, responsive landing pages—no need to place a separate link in your artwork. Find the **QR Code** tab in our [editor](https://wavevisual.com/editor), pick a destination, add the QR to your canvas, and export your design.


![sizzy-photo-studio-2022-05-09T223557.988Z.png](/media/36eb2738-e974-4ad4-b291-c2a3f92a4167-sizzy-photo-studio-2022-05-09T223557_988Z.png)


To learn more about how you can customize your artwork, you can refer to these articles:


[bookmark](https://help.wavevisual.com/using-the-sound-wave-editor/v87wD4kkWzBich4tiwxpVK/customizing-the-wave-style/oeuZ6faoESuHmvym4exVHV)


[bookmark](https://help.wavevisual.com/using-the-sound-wave-editor/v87wD4kkWzBich4tiwxpVK/adding-text-elements-to-designs/j9s7AKquXg8anY7dfY9ZWE)


[bookmark](https://help.wavevisual.com/using-the-sound-wave-editor/v87wD4kkWzBich4tiwxpVK/creating-sound-waves-from-songs/cjsBW8iPQpL3w7i8EWySzb)



Add a QR code from the QR Code tab; each code leads to a landing page where people can view your design and play the audio.

How can we help? ✨

Generating sound waves

Creating sound waves from songs

Keyboard shortcuts

Adding text elements to designs

Customizing the wave style

Adding a QR code to a sound wave art