How to Embed YouTube Video on Pagecloud
Pagecloud lets you create and edit websites easily. You can also embed custom code on your site. This guide shows you how to embed a YouTube video collection on your Pagecloud site using Idukki, a tool for UGC feeds. This way, you can display YouTube videos on your site for various purposes. Follow the steps below to learn how.
Prerequisites
A YouTube Video Collection
A Pagecloud Website
Idukki lets you create a collection of YouTube videos and show it on your website. To do this, follow these steps:
Pick YouTube as the source and pick a channel, a playlist or hashtags to get videos. Learn more.
Edit your collection by hiding or pinning videos and using the profanity filter. Learn more.
Now, either you can click Publish and directly proceed to publishing window, or click Curate my feed to curate your collection by changing how it looks and how it is arranged. Learn more.
After curating, click Publish and copy the HTML code. Use the Preview option to see how your collection looks before putting it on your website.
Please note that the changes to your collection will reflect automatically in the embedded widget.
Log in to your Pagecloud account and open the project you want to edit.
Create a new section on the page or go to an existing one where you want to display the feed.
Paste the whole code onto your page. This will make an object that you can move and resize.
You can style the section, position it on your website, and use some advanced settings, such as CSS Selectors, Data Attributes, and more with Pagecloud.
Save and preview the site to see how it looks. If you like the result, publish your site.| Note: You can also use CMS Collection fields to dynamically update embedded code on Pagecloud.
I hope this helps.
Prerequisites
A YouTube Video Collection
A Pagecloud Website
Creating a YouTube Video Collection
Idukki lets you create a collection of YouTube videos and show it on your website. To do this, follow these steps:
Pick YouTube as the source and pick a channel, a playlist or hashtags to get videos. Learn more.
Edit your collection by hiding or pinning videos and using the profanity filter. Learn more.
Now, either you can click Publish and directly proceed to publishing window, or click Curate my feed to curate your collection by changing how it looks and how it is arranged. Learn more.
After curating, click Publish and copy the HTML code. Use the Preview option to see how your collection looks before putting it on your website.
Please note that the changes to your collection will reflect automatically in the embedded widget.
Embedding into Pagecloud
Log in to your Pagecloud account and open the project you want to edit.
Create a new section on the page or go to an existing one where you want to display the feed.
Paste the whole code onto your page. This will make an object that you can move and resize.
You can style the section, position it on your website, and use some advanced settings, such as CSS Selectors, Data Attributes, and more with Pagecloud.
Save and preview the site to see how it looks. If you like the result, publish your site.| Note: You can also use CMS Collection fields to dynamically update embedded code on Pagecloud.
I hope this helps.
Updated on: 15/08/2023
Thank you!