> 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 con Webflow

> **Info**
>
> Sigue los pasos de la [descripción general de Audio Native](/docs/es/eleven-creative/audio-tools/audio-native) para
> empezar a usar Audio Native antes de continuar con esta guía.

#### Añade HTML a tu entrada de blog

Ve a tu blog de Webflow, inicia sesión y abre el editor de la entrada de blog que quieras narrar.

#### Añade el código de inserción a tu entrada de blog

Haz clic en el símbolo "+" de la parte superior izquierda y selecciona "Code Embed" en el menú Elements.

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

Pega el código de inserción de Audio Native en el cuadro HTML y haz clic en "Save & Close".

**`Fragmento de código de inserción`**

```html title="Fragmento de código de inserción"
    <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)

#### Cambia la posición del código insertado

En el Navigator, coloca el código insertado donde quieras que aparezca en la página.

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

#### Publica los cambios

Por último, publica los cambios y ve a la versión publicada de la entrada de blog. Deberías ver un mensaje que te informa de que se está creando el proyecto de Audio Native. Tras unos minutos, el texto de tu blog se convertirá en un artículo de audio y aparecerá el reproductor de audio insertado.

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