Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add Audio Stories to Images in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to add audio stories to your images in WordPress? You can use it to add narration to your photographs, or simply create web based audio visual story books. In this article, we will show you how to easily add audio stories to images in WordPress.

How to add audio stories to images in WordPress

First thing you need to do is install and activate the Audio Story Images plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Media » Add New and upload your image and audio file you want to add to the image.

Upload your audio and image files in WordPress

After uploading both files, you need to visit the Media » Library page. Next, click on the list view icon to display your media files in a list.

You will now notice a new column labeled ‘Audio Story’. You need to click on the ‘attach’ link next to the image you just uploaded.

Link image to the audio file

This will bring up a popup where you need to select the audio file you want to attach to the image.

Select your audio file

Go ahead and click on the select button to continue.

The plugin will now link your image and audio file to each other.

Audio and image files linked together

Now that your image is linked to the audio file, you can add it to any WordPress post or page.

Simply edit a post or page where you want to add the image and click on the ‘Add Media’ button.

Add image in a WordPress post or page

This will bring up the media uploader popup.

You need to select the image file you just uploaded and insert it into your post.

Select your image from media library

Once you are satisfied, you can either save or publish your changes.

After that click on the preview button to see your audio story image in action.

Audio story image in WordPress

The plugin will add a tiny volume icon on the top left corner of your image. Clicking on the icon will play the audio file linked to the image.

We hope this article helped you learn how to add audio stories to images in WordPress. You may also want to see our guide on how to find royalty free images for your WordPress blog posts

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

13 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      You would want to reach out to the plugin’s support for what customization options are available.

      Admin

  2. Penelope says

    Hey there, I have installed everything as you say but when I click on the image it does not play the audio. I did create the page with Elementor – would that affect it?

  3. Umeh Chidera says

    Please how do I make my site’s logo to be appearing anytime one downloads my music and and plays it. So The image will be appearing in boomplay, how do I do that please?

  4. indra says

    When the image background is white or any other light color..that volume icon is not visible..
    also if its possible to get different sound for the same image at different places ,then it would be great..!

  5. George says

    It would have been nice to see an example of this being done in the article so we could gauge the UX.

    Thanks for the explanation but a live example would have helped.

  6. Marius Haga Skaar says

    Hello. I was wondering if I could get some help. Recently I’ve moved my website from blogger to WordPress. But my problem is Google. I’ve deleted my blogger blogs, but Google seach console still shows my old website or blog. Like Google hasn’t indexed my site, but it has taken many days or even weeks. I was then wondering if there’s a fix to this, so Google would show my newest site in example in the data structure (text marketing or what the name was). Ether way, thanks :) from Marius HS (15 years old from Norway).

Leave a Reply to WPBeginner Support Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WPBeginner Assistant
How can I help you?

By chatting, you consent to this chat being stored according to our privacy policy and your email will be added to receive weekly WordPress tutorials from WPBeginner.