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

> **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 la entrada de tu blog

Ve a tu blog de Ghost, inicia sesión y abre la página de configuración de la entrada que quieras narrar.

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

Haz clic en el símbolo "+" de la izquierda y selecciona "HTML" en el menú.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/5a2bae6de46f35e49eeaef8ad92323d9717e5af5b00ad05a7670a30ec8f4696c/assets/images/product-guides/audio-native/audio-native-ghost-1.webp)

Pega el código de inserción de Audio Native en el cuadro HTML y pulsa Intro.

**`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-files/elevenlabs.docs.buildwithfern.com/2783aa5f50f84ce712957ccb1504381e4248b49b5ca408173c583a40bd38d58e/assets/images/product-guides/audio-native/audio-native-ghost-2.webp)

#### Actualiza la entrada del blog

Haz clic en el botón "Update" de la esquina superior derecha del editor, que ahora debería estar resaltado en verde.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/1625ff60cbf3c92760d918a298ed65fe6f0911c345efbf9999185cf4fab95014/assets/images/product-guides/audio-native/audio-native-ghost-3.webp)

#### Ve a la versión publicada de la entrada del blog

Por último, ve a la versión publicada de la entrada del blog. Verás un mensaje que te indicará que se está creando el proyecto de Audio Native. Después de unos minutos, el texto de tu blog se convertirá en un artículo de audio y aparecerá el reproductor de audio integrado.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/20730d8df4528041314d44667d0f9418af10636144af722c1cfa2e7fe48b6107/assets/images/product-guides/audio-native/audio-native-ghost-4.webp)