> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# Audio Native avec Webflow

> **Info**
>
> Suivez les étapes de la [présentation d’Audio Native](/docs/fr/eleven-creative/audio-tools/audio-native) pour
> démarrer avec Audio Native avant de poursuivre ce guide.

#### Ajouter du HTML à votre article de blog

Accédez à votre blog Webflow, connectez-vous et ouvrez l’éditeur de l’article que vous souhaitez narrer.

#### Ajouter le code d’intégration à votre article de blog

Cliquez sur le symbole "+" en haut à gauche, puis sélectionnez "Code Embed" dans le menu Elements.

![Audio Native](/docs/_fern-img/463029e96318cf16fa0b207019206a4e8e7b1bf44ab4203ca9811037bc2c22a4.webp)

Collez le code d’intégration Audio Native dans le champ HTML, puis cliquez sur "Save & Close".

**`Extrait de code d’intégration`**

```html title="Extrait de code d’intégration"
    <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](/docs/_fern-img/cdfc41cfbb4ba58fecc2173ab4b247037c34a7e0beb35cfd55a492a8ca2b74bf.webp)

#### Repositionner le code d’intégration

Dans le Navigator, placez le code d’intégration à l’endroit où vous souhaitez qu’il apparaisse sur la page.

![Audio Native](/docs/_fern-img/43b6853dad99b80ed8c88d1f7a5400c96bad1cf7455213e6bc6c025031685c44.webp)

#### Publier vos modifications

Enfin, publiez vos modifications et accédez à la version en ligne de l’article de blog. Un message vous indiquera que le projet Audio Native est en cours de création. Après quelques minutes, le texte de votre blog sera converti en article audio et le lecteur audio intégré apparaîtra.

![Audio Native](/docs/_fern-img/4ec1a4eac0888c6b7f5df5e5669581b5b2a38967295eb2a5bc8fc7acc409b840.webp)