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, 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.
Requirement: This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated before you begin.
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.
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 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 handles that independently of the timeline layout.
