Embed TED Video in Elementor

Step-by-step guide to embed TED video in Elementor using the Custom iFrame WordPress plugin. Share inspiring talks on your WordPress page. No coding required.

Overview

Custom iFrame lets you embed TED video in Elementor by pasting the TED embed URL into the widget. Share inspiring talks, expert insights, and ideas directly on your WordPress page.

Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.

Requirements

Custom iFrame plugin installed and active
Elementor installed
A TED talk URL to embed

Step 1: Get the TED Embed URL

Open TED and find your talk

Go to ted.com and find the talk you want to embed.

Copy the embed URL

Click the Share button below the video. Select Embed. Copy the iframe code shown in the panel.

From the copied iframe code, extract only the src URL. It follows the format https://embed.ted.com/talks/TALK_SLUG. Paste that URL into Custom iFrame.

Open your page in Elementor

Go to the page where you want the TED talk. Click Edit with Elementor.

Drag the widget onto your page

Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.

Custom iFrame widget being dragged from the Elementor panel into a page section in the editor

Step 3: Embed TED Video in Elementor

Paste the TED embed URL

In the Content tab, paste the TED embed URL into the Source URL field. The talk player appears in the editor.

Custom iFrame widget in Elementor editor showing TED embed URL in Source URL field with TED talk preview

Set height and publish

Set Height to 450px or enable Auto Height. Click Update or Publish.

Troubleshooting

Talk does not load: Confirm you are using the embed URL from Share > Embed, not the regular watch page URL.

Talk is cut off: Increase the height or enable Auto Height.

For more help, see iFrame Not Showing.

Open the talk on TED.com. Click Share, then select Embed. Copy the iframe code. Extract the src value from the code. It looks like https://embed.ted.com/talks/TALK_SLUG. Paste that URL into the Source URL field.

No. TED talks are publicly available. You can access the Share > Embed option without an account.

No. Basic TED embedding works with the free version. Pro adds lazy loading, placeholder images, auto-refresh, and advanced styling.

450px works well for standard 16:9 TED talks. Enable Auto Height to let the iFrame resize automatically with the content.

Also Available For

Embed YouTube Video in Elementor

Embed YouTube with full Pro controls.

Embed Vimeo Video in Elementor

Full Vimeo embed guide with Pro options.

Was this page helpful?

Last updated today

Built with Documentation.AI