---
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-06-13
lang: en
author: "Aditya Sharma"
description: "Are you looking to add iFrame content in an Elementor timeline? By adding iFrame or HTML content, you can embed external materials such as videos, forms, maps, and web pages..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-2-1-1024x541.jpg
word_count: 364
---

# How to Add iFrame Content in Elementor Timeline?

## 

- Adds iFrame content to Elementor timeline using The Plus Addons for Elementor.
- Utilizes the Timeline widget to incorporate external content like videos and maps.
- Requires installation and activation of The Plus Addons for Elementor to access the Timeline widget features.

Are you looking to add iFrame content in an Elementor timeline? By adding iFrame or HTML content, you can embed external materials such as videos, forms, maps, and web pages directly into each timeline item.

With the Timeline widget in [The Plus Addons for Elementor](https://theplusaddons.com/), you can add HTML or iFrame content to any timeline item in the Elementor editor.

**Best Used For:**

- Event or company history timelines where each milestone displays an embedded YouTube video- Location-based timelines that show an embedded Google Map for each office, store, or project site entry- Multi-step process or onboarding timelines that include embedded forms or booking widgets at specific stages

*To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, [click here](https://theplusaddons.com/docs/add-an-elementor-timeline/).*

**Requirement:** This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated before you begin.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-timeline)

To do this, add the Timeline widget from The Plus Addons for Elementor to a page and follow the steps.

1. Open the repeater item to which you want to add the iFrame content. Each repeater item represents one event or milestone on your timeline.

2. After adding the title and description, select **iFrame/HTML** from the **Content Type** dropdown. Use this option when you want to embed external content such as a YouTube video, a Google Map, or a contact form instead of plain text or an image.

![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-iframe-html-new.gif)

3. In the **Custom HTML/Iframe Code** field, paste the embed code for your external content. If you want to add a YouTube video, copy the embed code from the video’s share settings and paste it here. For a Google Map, copy the embed code from the Google Maps share panel and paste it here instead. To add YouTube videos as standalone elements on a page outside of a timeline layout, see [How to Embed a YouTube Video in Elementor](https://theplusaddons.com/docs/embed-a-youtube-video-in-elementor/) for the step-by-step process.

You will now see the iFrame content in that specific timeline item. If you also need a dedicated video section on the page with full playback and styling controls, the [Video Player widget in The Plus Addons for Elementor](https://theplusaddons.com/docs/add-video-player-in-elementor/) handles that independently of the timeline layout.

![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-iframe-html-demo.png)