---
title: "How to Add iFrame Content in Elementor Timeline?"
url: https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/
date: 2024-06-24
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "A Timeline pin can hold more than an image or text - Content Type's Iframe/HTML option lets you embed a video, map or any other embeddable content directly inside a..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-2-1-1024x541.jpg
word_count: 287
---

# How to Add iFrame Content in Elementor Timeline?

## 

- The Plus Addons for Elementor Pro makes the Timeline pin accept Content Type set to Iframe/HTML, so a pin can hold a video, map, or other embeddable content directly inside it.
- The setup uses two steps: add the Timeline widget to the page first, then paste an embed code such as an tag into Custom HTML/Iframe Code.
- The pin renders a genuine element in the page’s markup with the exact source URL pasted, but only embeddable, iframe-friendly URLs work because sites that block framing still refuse to load.

A Timeline pin can hold more than an image or text - Content Type's Iframe/HTML option lets you embed a video, map or any other embeddable content directly inside a pin.

It is a Pro-only widget of The Plus Addons for Elementor.

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** Pro only.- Add the Timeline widget to the page first.

## How to Add iFrame Content

| Step | What to do |
| ---- | ---------- |
| 1 | On a Timeline pin, set **Content Type** to **Iframe/HTML**. |
| 2 | Paste your embed code (an `<iframe>` tag, for example a video embed) into **Custom HTML/Iframe Code**. |

![The Content Type dropdown set to Iframe/HTML, revealing the Custom HTML/Iframe Code field below it.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-contenttype.webp)

## How It Behaves

We pasted a real video-embed `<iframe>` tag into a pin's Custom HTML/Iframe Code field and published the page.

- The pin renders a genuine `<iframe>` element in the page's markup, with the exact source URL we pasted - it is not stripped or sanitised away.

![An Elementor Timeline with a pin whose content is an embedded iframe.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-result.webp)

## Limitations

- Whatever you paste here needs to be an embeddable, iframe-friendly URL (like a YouTube embed link) - a site that blocks being framed will still refuse to load inside it, the same as anywhere else on the web.

### The embed shows blank

Some sites send headers that block being shown inside an iframe on any site. Try the embed URL on its own in a browser tab first to rule that out before assuming the pin is broken.

## Not verified

So you know exactly what has and has not been checked:

- Every kind of embeddable content (we tested a video embed specifically) - a map or form embed should work the same way since it is a plain iframe tag, but was not separately tried.

## Frequently Asked Questions

**Q: What do I need before adding iframe content to a Timeline pin in Elementor?**
A: The Timeline widget has to be added first, and the feature is Pro only in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH. That matters because the iframe option lives inside a Timeline pin, not as a separate widget. If the Pro version is not installed and activated, the Content Type option for Iframe/HTML will not be available.

**Q: How do I embed a video or map inside an Elementor Timeline pin?**
A: Set the pin’s Content Type to Iframe/HTML, then paste your embed code into Custom HTML/Iframe Code. The page specifically calls out an  tag, such as a video embed, which means the pin is meant for embeddable content rather than plain text. This works best when the source already provides iframe-friendly embed code.

**Q: Why is my iframe content in Elementor timeline showing blank?**
A: A blank embed usually means the site you are trying to show sends headers that block framing. The page suggests testing the embed URL on its own in a browser tab first, because if it does not load there either, the issue is with the source rather than the Timeline pin. That is the fastest way to separate a bad embed from a blocked one.

**Q: What kind of iframe URLs work best inside a Timeline pin?**
A: Iframe-friendly embed URLs work best, like a YouTube embed link or another source designed to be framed. The key limitation is that anything blocking being framed will still refuse to load inside the pin. In practice, that means the content has to be embeddable before it reaches The Plus Addons for Elementor’s Timeline widget.

**Q: Does The Plus Addons for Elementor strip or sanitize iframe code in Timeline pins?**
A: The page says it does not strip or sanitize the iframe away. In its test, a real video-embed  tag was published and rendered as a genuine  element in the page’s markup with the exact source URL that was pasted. That is useful if you need to confirm the widget is outputting actual iframe markup instead of converting it into plain text.

**Q: Can I use forms or maps in an Elementor Timeline iframe pin?**
A: The page says a map or form embed should work the same way because this feature uses a plain iframe tag. It specifically notes that only a video embed was tested, so maps and forms were not separately tried even though they are expected to behave similarly. For anything you place there, the real requirement is that it must be embeddable and iframe-friendly.