Articles on: Integration

How to Embed YouTube Video on Squarespace

YouTube is a popular platform for sharing and watching videos online. You can create a collection of YouTube videos and embed it on your Squarespace website using a custom HTML code. This way, you can showcase your favorite videos or curated content to your visitors. In this guide, we will show you how to create a YouTube video collection using Idukki, a tool that helps you create and manage user-generated content (UGC) feeds. Then, we will show you how to embed the custom HTML code of your collection on your Squarespace website using the Code Block. Let's get started!



Prerequisites
A YouTube videos collection on Idukki
A Squarespace Website on professional plan or higher

Creating a YouTube Video collection



Add a collection of YouTube videos related to your business quickly with Idukki. Follow these steps:

Choose YouTube as the source and select a channel, a playlist or hashtags to fetch videos. See how.

Add Feed

Edit your collection by hiding or pinning videos, tagging products, and getting approvals from users. See how.

Edit Collection

Now, click Publish to either directly proceed to publishing or select Curate my feed from the prompt to customize your collection by changing its appearance and layout. See how.

Curate

After curating, click Publish to copy the HTML code in the publishing window. You can also preview your collection before embedding it on your website.

Publish

Embedding into Squarespace



Customize your website by adding content using blocks. Follow these steps:

Log in to your Squarespace account.

Go to Pages in the Home menu.

Select the page to modify and click Edit in the top-left corner.

Edit

Click Add Section and then Add Block
OR
Hover over an existing section where you want to add the block and click Add Block in the left-top corner.

Add Section

Select _</> Code_ in the panel. A block will appear in the section.

Select Element

Double-click in the box and paste the HTML code. You can preview the embedded block.

You can drag-and-drop the block anywhere in the section and also modify its height & width.

I hope this helps.

Updated on: 15/08/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!