Audio Native with Webflow

Integrate Audio Native into your Webflow sites.

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

1

Add HTML to your blog post

Navigate to your Webflow blog, sign in and open the editor for the blog post you wish to narrate.

2

Add the embed code to your blog post

Click the ”+” symbol in the top left and select “Code Embed” from the Elements menu.

Audio Native

Paste the Audio Native embed code into the HTML box and click “Save & Close”.

Audio Native
3

Re-position the code embed

In the Navigator, place the code embed where you want it to appear on the page.

Audio Native
4

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