Audio Native with WordPress

Integrate Audio Native into your WordPress sites.

Follow the steps in the Audio Native overview to get started with Audio Native before continuing with this guide.

1

Install the WPCode plugin

Install the WPCode plugin into your WordPress website to embed HTML code.

2

Create a new code snippet

In the WordPress admin console, click on “Code Snippets”. Add the Audio Native embed code to the new code snippet.

Embed code snippet
1    <div
2        id="elevenlabs-audionative-widget"
3        data-height="90"
4        data-width="100%"
5        data-frameborder="no"
6        data-scrolling="no"
7        data-publicuserid="public-user-id"
8        data-playerurl="https://elevenlabs.io/player/index.html"
9        data-projectid="project-id"
10    >
11        Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...
12    </div>
13    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
Audio Native

Pick “Auto Insert” for the insert method and set the location to be “Insert Before Content”.

Audio Native
3

Publish your changes

Finally, publish your changes and navigate to the live version of the blog post. You should see a message to let you know that the Audio Native project is being created. After a few minutes the text in your blog will be converted to an audio article and the embedded audio player will appear.

Audio Native
Built with