---
title: X shortcode
linkTitle: X
description: Embed an X post in your content using the x shortcode.
categories: []
keywords: []
---

{{< new-in 0.141.0 />}}

> [!NOTE]
> To override Hugo's embedded `x` shortcode, copy the [source code][] to a file with the same name in the `layouts/_shortcodes` directory.

## Example

To display an X post with this URL:

```txt
https://x.com/SanDiegoZoo/status/1453110110599868418
```

Include this in your Markdown:

```md
{{</* x user="SanDiegoZoo" id="1453110110599868418" */>}}
```

Rendered:

{{< x user="SanDiegoZoo" id="1453110110599868418" >}}

## Privacy

Adjust the relevant privacy settings in your project configuration.

{{< code-toggle config=privacy.x />}}

`disable`
: (`bool`) Whether to disable the shortcode. Default is `false`.

`enableDNT`
: (`bool`) Whether to prevent X from using post and embedded page data for personalized suggestions and ads. Default is `false`.

`simple`
: (`bool`) Whether to enable simple mode. If `true`, Hugo builds a static version of the of the post without JavaScript. Default is `false`.

The source code for the simple version of the shortcode is available [in this file][].

If you enable simple mode you may want to disable the hardcoded inline styles by setting `disableInlineCSS` to `true` in your project configuration. The default value for this setting is `false`.

{{< code-toggle config=services.x />}}

[in this file]: <{{% eturl x_simple %}}>
[source code]: <{{% eturl x %}}>