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!

{ 5 comments… add one }
  • Karen December 7, 2011, 12:12 pm

    Karen,

    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

    Karen

    Reply
  • Dana K. Dwyer August 7, 2012, 12:43 am

    This is exactly the information I needed. Thanks Karen.

    Reply
  • AudioAcrobat
    Follow me on Twitter: audioacrobat
    March 1, 2013, 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 🙂

    http://wordpress.org/extend/plugins/iframe-preserver/

    Watch our video tutorial on using it here:

    http://www.audioacrobat.com/playv/W09MZC6f

    Thanks again!

    -Brian Ball on behalf of AudioAcrobat

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

      AWESOME Thank you! That looks great!

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

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

        -Brian Ball on behalf of AudioAcrobat

        Reply

Leave a Comment

Next Post:

Previous Post:

Checkout Here

Karen Clark

Karen Clark, Social Media and Direct Sales Speaker.When she was an active direct sales leader, Karen Clark walked the walk as she sold, booked, and supported a team offline, while expanding her reach and service online. Now working with direct selling companies and their field representatives as a speaker and social media corporate consultant, Karen uses her nearly 20 years' online marketing and direct selling expertise to teach audiences exactly where, when, and how to establish an ethical and effective online presence with social media, while remaining true to their principles and personal direct sales business. Read more

Let's Talk!

Book Appointment

Order My Book

Join Me On LinkedIn

Google