Audio Native with Squarespace

Navigate to your Squarespace site, sign in and open the page you wish to add narration to.

Click the ”+” symbol on the spot you want to place the Audio Native player and select “Code” from the menu.

Paste the Audio Native embed code into the HTML box and press enter.

    <div
        id="elevenlabs-audionative-widget"
        data-height="90"
        data-width="100%"
        data-frameborder="no"
        data-scrolling="no"
        data-publicuserid="public-user-id"
        data-playerurl="https://elevenlabs.io/player/index.html"
        data-projectid="project-id"
    >
        Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...
    </div>
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>

Click the “Save” button in the top right corner of the editor, which should now be highlighted.

Finally, 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.