How to Embed YouTube Video on Elementor
Elementor is a WordPress website builder that lets you embed content using HTML code. In this guide, we will show you how to embed a YouTube video collection on your Elementor site using Idukki and the HTML widget.
Prerequisites
A YouTube Videos collection in Idukki
A WordPress website
You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki:
Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. Learn more.
Edit your collection by hiding or pinning videos and using the profanity filter. Learn more.
Customize your collection by changing its appearance and layout. Learn more.
Copy the HTML code from the Publish button and preview your collection before embedding it on your website.
Your collection will update automatically whenever you make any changes to it.
Display your collection on website by pasting the code in Elementor. Here are the steps:
In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option.
From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page.
Paste the HTML code from Idukki into the text area and click Publish.
Save your changes and preview your page. You should see your YouTube video collection embedded on your website.
I hope this helps.
Prerequisites
A YouTube Videos collection in Idukki
A WordPress website
Creating a YouTube Videos collection
You can create a collection of user-generated content (UGC) feeds from YouTube and display it on your website. Here are the steps to do it with Idukki:
Select YouTube as the source and choose a channel, a playlist or hashtags to fetch videos. Learn more.
Edit your collection by hiding or pinning videos and using the profanity filter. Learn more.
Customize your collection by changing its appearance and layout. Learn more.
Copy the HTML code from the Publish button and preview your collection before embedding it on your website.
Your collection will update automatically whenever you make any changes to it.
Embedding into Elementor
Display your collection on website by pasting the code in Elementor. Here are the steps:
In your WordPress dashboard, select the page or post you want to edit and choose the Edit with Elementor option.
From the left dashboard, search for the HTML widget and drag and drop it to your desired location on your page.
Paste the HTML code from Idukki into the text area and click Publish.
Save your changes and preview your page. You should see your YouTube video collection embedded on your website.
I hope this helps.
Updated on: 15/08/2023
Thank you!