Have you seen these audio players on popular websites, and you’ve been wondering how to add them to your website?
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/a07c1701be8796220c5c062763d369b1fb056903-700x364.png?w=1920&q=75&fit=clip&auto=format)
If so, this article is for you!
The easiest way to do this:
Step 1:
Head over to Listnr
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/c3fe957d1e7e869e08b6f1dfbb9c0ec6be1b87c4-700x383.png?w=1920&q=75&fit=clip&auto=format)
Listnr — Text to Speech Converter
Step 2:
Create an account or log in
Step 3:
Click on New Voiceover and create your audio article using your blog URL or our Text to Speech Editor
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/96b10c2e1f45862bea2fff625f621f8944b66389-700x362.png?w=1920&q=75&fit=clip&auto=format)
Step 4:
Choose the voice and language of your choice > Press Convert > Save
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/7818d3f2634888b7bab44ac76dbb8acfc7a79190-700x103.png?w=1920&q=75&fit=clip&auto=format)
Step 5:
Go to Audio player settings on the Listnr Dashboard and save
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/8acef69dd6ce1624d130eebc779a0d093bef0749-700x407.png?w=1920&q=75&fit=clip&auto=format)
Step 6:
Copy your audio player embed code from the Dashboard
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/cdd4c456f6a123ade8be75b1f3eb0db8d45b0514-700x169.png?w=1920&q=75&fit=clip&auto=format)
Click on Embed
![Thumbnail](https://cdn.sanity.io/images/g7h7gb5e/production/fcd9948741e073e311bade10ac6ef1d947a9d9b7-700x407.png?w=1920&q=75&fit=clip&auto=format)
Copy your embed code
Here is a video tutorial on how to add audio to your website:
https://www.youtube.com/watch?v=YlFx4VWOCNY
Until next time,
Anan
CEO, Listnr Inc
![Ananay Batra](https://cdn.sanity.io/images/g7h7gb5e/production/a832a3e7d3f7ca0cf498c22f523df54f43627538-400x400.jpg?w=3840&q=75&fit=clip&auto=format)
About Ananay Batra
Founder and CEO @ Listnr Inc