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!