Social Media for Direct Sales Speaker and Author | (707) 939-5709

How to Embed Audio Acrobat Players into WordPress Posts or Pages

If you are like me and you use Audio Acrobat to either record or store your audio or video files, you may run into a problem when you try to embed their fancy player buttons into your WordPress website or blog. The reason for this is WordPress strips certain types of html code that may interfere with its programming. The good news is that we have a solution for getting this to work! This video explains how to do this, with written instructions following the video:

How to Embed Audio Acrobat Players into WordPress Posts or Pages:

1. Go to your WordPress dashboard and find the Plugins area – click on Add New

2. Search for the plugin called “Easy Embed” by Alex Mansfield.

3. Click Install and then Activate the plugin.

4. Go to your Audio Acrobat account, click on Audio or Video to find the audio or video file you would like to embed. In the example in the video above, I’m working with an audio file. Click the title of the file you want to use.

5. Once on the file’s information page click Publish to get to the player button choices.

6. Browse through the player options and make your selection and go through the process of customizing the color or size as desired. Click Preview to see what it would look like.

7. When you have the player you would like, click Generate HTML at the bottom of the page.

8. Do NOT use the html code in the first box presented – use the html code in the Alternate HTML box. Highlight that code, and copy it.

9. Go back to your WordPress dashboard and open the post or page you would like to place this file, or start a new one if creating a new post or page for this project, such as an audio library/archive page.

10. On the page or post editing page, add your file’s title and description and any other text you want on the page.

11. Go toward the bottom of the editing page and find the area called Custom Fields. You may have to click on it to open up the options.

12. Click on Enter New under Custom Fields.

13. Give your file a name in the Name box – such as Audio1 or Call111511 or a name you will remember if you will be embedding a list of files.

14. In the Value box to the right, paste in the code you copied from Audio Acrobat.

15. Click Add Custom Field to save this code. Your code is now saved and will be referenced by its name.

16. Go back up to your post editor and insert the following “shortcode” – this will tell WordPress to call up the code  you just inserted in the Custom Fields. Type in:

Replace the word filename with whatever you named your file in the Custom Field area. Be sure to use the brackets, words and quotation marks exactly as shown above. You can place this “shortcode” anywhere on your page where you would like your Audio Acrobat player to be.

17. Click Preview on the top right to check out your page before you publish if you wish. Adjust or finish editing your page etc.

18. When ready, click on Publish or Update to save the post or page.

VOILA! When you’ve tried this out, paste the link in the comments!

Share this post:


  1. Karen on December 7, 2011 at 12:12 pm


    Thanks for the helpful tip.
    I have not added Audio Acrobat to a website before so this came in very handy. Going to try it now!

    Thanks again


  2. Dana K. Dwyer on August 7, 2012 at 12:43 am

    This is exactly the information I needed. Thanks Karen.

  3. AudioAcrobat
    Follow me on Twitter: audioacrobat
    on March 1, 2013 at 12:49 pm

    Very cool — thanks for sharing Karen! We also like to recommend a plugin titled, “IFrame Preserver”, which allows for use of iFrame code on WordPress in a very similar way 🙂

    Watch our video tutorial on using it here:

    Thanks again!

    -Brian Ball on behalf of AudioAcrobat

    • Karen Clark
      Follow me on Twitter: mybizpresence
      on March 1, 2013 at 12:51 pm

      AWESOME Thank you! That looks great!

      • AudioAcrobat
        Follow me on Twitter: audioacrobat
        on March 1, 2013 at 2:56 pm

        My pleasure Karen — thanks again for creating this great tutorial!

        -Brian Ball on behalf of AudioAcrobat

  4. Heidi Hafner on September 20, 2017 at 2:01 am

    Funny thing finding your post at the top of Google’s search results for “How to embed audioacrobat video in WordPress.” Although I know how to do it, I was looking for an alternate method because AudioAcrobat uses Flash to run their videos. I find this to be a pain in the derriere because not all browsers automatically play Flash. The way of the day is HTML5.

    Anyway, thought I’d drop you a note. I had to laugh because we, of course, know each other but haven’t talked in a very long time. Very nice tutorial!

    • Karen Clark
      Follow me on Twitter: mybizpresence
      on December 27, 2017 at 4:37 pm

      Oh my gosh how did I miss this comment. Yes you are right. I don’t use it for video, only audio and I use their simplest player or an email link to the mp3. Hope you are doing well!!!

Leave a Comment