> 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 Framer

> **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 le script Audio Native à votre page

Accédez à votre page Framer, connectez-vous et ouvrez les paramètres de votre site. Dans le code d’intégration Audio Native, extrayez la balise `<script>` et collez-la dans le champ « End of `<body>` tag ».

**`Script d’intégration `**

```html title="Script d’intégration "
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
```

![Audio Native](/docs/_fern-img/00efa5ae0c085f442c015ebcf69066cc42c8e20d1c24c907444dd750e159dd4a.webp)

#### Ajouter un élément Embed

Sur votre page de blog Framer, ajoutez un élément Embed depuis Utilities.

![Audio Native](/docs/_fern-img/601d4256f5826613e90b5ad75bd92abc7b218944f31cea0a14cfad0677f080ee.webp)

Dans la configuration de l’élément Embed, définissez le type sur HTML et collez l’extrait `<div>` du code d’intégration Audio Native dans le champ HTML.

**`Div d’intégration`**

```html title="Div 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>
```

![Audio Native](/docs/_fern-img/42ba6037aedc4982495e8ea0ba8f6a23601d1309a6c67f310c8ed326382022b9.webp)

#### Publier vos modifications

Enfin, publiez vos modifications et accédez à la version en ligne de votre page. 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/86a311d5bdca2b406a9ee85d7f18a357f7e41dd31545b4b90a92ce04880b1e80.webp)