Hoppa till navigering
LjudverktygAudio Native

Audio Native med Webflow

Integrera Audio Native på dina Webflow-webbplatser.

Följ stegen i översikten över Audio Native för att komma igång med Audio Native innan du fortsätter med den här guiden.

1

Lägg till HTML i ditt blogginlägg

Gå till din Webflow-blogg, logga in och öppna redigeraren för blogginlägget som du vill skapa en berättarröst till.

2

Lägg till inbäddningskoden i ditt blogginlägg

Klicka på symbolen ”+” uppe till vänster och välj “Code Embed” i menyn Elements.

Audio Native

Klistra in inbäddningskoden för Audio Native i HTML-rutan och klicka på “Save & Close”.

Kodavsnitt för inbäddning
    <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>
Audio Native
3

Flytta inbäddningskoden

Placera kodinbäddningen i Navigator där du vill att den ska visas på sidan.

Audio Native
4

Publicera dina ändringar

Publicera slutligen dina ändringar och gå till den publicerade versionen av blogginlägget. Du bör se ett meddelande om att Audio Native-projektet skapas. Efter några minuter omvandlas texten i din blogg till en ljudartikel och den inbäddade ljudspelaren visas.

Audio Native