--- title: "How to Add iFrame Content in WordPress Timeline?" url: https://nexterwp.com/docs/add-iframe-content-in-wordpress-timeline/ date: 2024-12-04 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "Some timeline events are best shown rather than described — a launch video, a map of a new office, an embedded report. Each event's media area has a Custom HTML/Iframe..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-iFrame-Content-in-WordPress-Timeline_-1024x519.jpg word_count: 580 --- # How to Add iFrame Content in WordPress Timeline? ## Key Takeaways - Timeline block in Nexter Blocks Pro.Block uses the Custom HTML/Iframe Code field for launch videos, maps, and embedded reports, but the field is available only after Timeline is switched on under Nexter > Blocks. - Custom HTML / Iframe Code stores the exact markup that is pasted, yet on a published page an iframe appears as visible text instead of an embedded frame, and the issue is reported to the development team. - Pattern works as the recommended replacement because it renders correctly, and image also renders correctly while only the Custom HTML path is affected. Some timeline events are best shown rather than described — a launch video, a map of a new office, an embedded report. Each event's media area has a Custom HTML/Iframe Code field intended for exactly that. *For every Timeline setting in one place, see the [Timeline feature guide](https://nexterwp.com/docs/add-a-wordpress-timeline/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-timeline/) ## Before You Start - **Edition:** **Pro** — the Timeline block needs Nexter Blocks Pro.- **Block to enable:** Timeline, switched on under **Nexter > Blocks** in your WordPress dashboard. > ***Custom HTML / Iframe Code is currently rendered as visible text, not as markup.** Measured on a published page: an iframe pasted into that field appears on the page as the literal tag rather than an embedded frame. Until this is fixed, embed video and maps with the block made for them, or with a pattern. This is a known bug and has been reported to the development team.* ## Steps - Add the **Timeline** block and open the event you want to change. - Set that event's media type to **Iframe**. ![Choosing the iframe content type for an event](https://nexterwp.com/wp-content/uploads/2026/09/tl-iframe-type.webp) - Paste your embed code into **Custom HTML/Iframe Code**. ![The Custom HTML/Iframe Code field](https://nexterwp.com/wp-content/uploads/2026/09/tl-iframe-field.webp) - Save and **check the published page** before relying on it — see the note above. ![The embedded content on a published page](https://nexterwp.com/wp-content/uploads/2026/09/tl-fe-iframe.webp) ## How It Behaves - The field accepts HTML and stores it correctly — measured, the saved event holds the exact markup you paste.- **On the published page that markup is currently printed as text rather than rendered.** Measured: an iframe pasted into the field appeared on the page as the literal tag.- The problem is in the output, not in what you type or how it is saved — confirmed by rendering the saved event directly, which showed clean HTML going in and escaped text coming out.- Reported to the development team; nothing you can change in the settings works around it. ## What to Use Instead - **A pattern** is the closest replacement — build the embed once as a pattern and select it as the event's content. See [using a pattern in a timeline](https://nexterwp.com/docs/use-a-wordpress-pattern-in-a-timeline/).- **The block built for that medium** — a video or map block inside a pattern gives you its own settings rather than raw markup.- **An image linking to the content**, if the event only needs to point at something. ## Limitations - **Custom HTML / Iframe Code is currently rendered as visible text, not as markup.** Measured on a published page: an iframe pasted into that field appears on the page as the literal tag rather than an embedded frame. Until this is fixed, embed video and maps with the block made for them, or with a pattern. This is a known bug and has been reported to the development team.- The field holds raw markup, so it has no settings of its own — no responsive sizing, no lazy loading, nothing the dedicated blocks give you.- Even once the output is fixed, pasted third-party embeds are not responsive unless their own markup makes them so.- Anything requiring a script tag is unlikely to survive WordPress's own sanitising regardless. ## Troubleshooting ### My iframe shows as text on the page That is the known bug. Measured on a published page: the tag is printed rather than rendered. Use [a pattern](https://nexterwp.com/docs/use-a-wordpress-pattern-in-a-timeline/) instead until it is fixed. ### Did I paste the code wrong? Probably not — the field stores exactly what you paste, confirmed by reading the saved event back. The escaping happens when the page is built. ### Will switching to a different media type fix it? Image and pattern both render correctly — measured. Only the Custom HTML path is affected. ## Related Docs - [Timeline feature guide](https://nexterwp.com/docs/add-a-wordpress-timeline/)- [Use a pattern](https://nexterwp.com/docs/use-a-wordpress-pattern-in-a-timeline/)- [Add a button](https://nexterwp.com/docs/add-a-button-in-wordpress-timeline/)- [Advanced tab](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/)