How To Embed A Youtube Channel In Wordpress

Are you looking to embed YouTube videos on your website? In this blog post, yous will larn how to automatically display the latest videos from your YouTube channel on WordPress, Squarespace, Wix, Webflow, Shopify, and any other website builder.

Believe information technology or not, YouTube is the most popular website worldwide. A stunning i billion hours of YouTube videos are watched every twenty-four hour period.

Therefore, it shouldn't surprise that website owners are looking for tools to embed YouTube videos on their websites and become more than eyeballs and followers for their content – and all that without manual work when a new video is published on the YouTube channel.

The good news is: you don't need to be an skillful in HTML or take developer skills to embed your YouTube channel on whatsoever website! With a social media aggregator, embedding your YouTube channel feed takes a few minutes.

In this article:
Why practise brands embed YouTube channels on websites?
Embed YouTube videos on any website
Customize your YouTube feed
How to embed YouTube channel on WordPress
How to embed YouTube aqueduct on Wix
How to embed YouTube channel on Squarespace
How to embed YouTube channel on Webflow
How to embed YouTube channel on Shopify

Why do brands embed YouTube channels on websites?

Brands embed social media feeds on websites to go along their site fresh with new content – social media feeds help increase the time spent on site.

But in that location are a few additional reasons why your organisation should embed YouTube video feeds on websites:

1. Drive subscribers to your YouTube channel

There are 38 million channels on YouTube, and the competition for attending is fierce. Therefore, information technology is essential to promote your aqueduct on existing websites and mobile apps that y'all already have in place. The more eyeballs on your videos, the more likely yous will abound the subscriber count besides.

two. Increase sales

Co-ordinate to statistics, videos assist increase sales past 34%. Videos brand it easier and faster to learn more about a new product and service than text or fifty-fifty images.

Peculiarly, customer testimonial videos embedded with a UGC Platform truly resonate with new customers. Social proof and user-generated content from our friends and peers helps us to brand the purchase decision.

3. Improve SEO with YouTube videos

Lastly, YouTube has get 1 of the largest search engines, and the more popular your videos are, the more than YouTube will promote them in the future. YouTube videos prove up in Google'due south search results likewise.

Embed YouTube videos on any website

A alive updating YouTube Channel feed is piece of cake to embed on a specific landing folio or show on all key sections of your website. Without whatever transmission effort, your latest videos prove on your website, apps, and digital screens.

There are two ways how yous can add together YouTube videos to your website:

1. Use the YouTube video embed code and add together YouTube videos to any page manually.
2. Collate YouTube video feeds with a social media aggregator and embed a live updating YouTube feed on any website.

i. Add YouTube videos to any page manually

If y'all desire to show just i video on your website's page and not change it too ofttimes, embedding the YouTube video HTML on your website is a expert pick. Here'due south how you tin find the YouTube video embed code:

• Open the video on YouTube.
• Click the 'Share' button and then choose 'Embed' from the available options.

  

• And then, copy and paste the YouTube video HTML on whatsoever website and commodity.

2. Embed YouTube channel on any website

Most marketers and website managers are busy and want to avoid additional transmission work. That'southward when an automatically updating YouTube video feed is the right pick.

Here are v simple steps on how to embed a YouTube channel feed on whatsoever website:

Earlier getting started, and if you lot don't take a social media aggregator nevertheless, sign up for Flockler'due south gratis trial.

Pace 1: Log in to your Flockler account and go to the 'Automatic Feeds' tab in the navigation. Then, click the 'Create a new automatic feed' button.

Footstep 2: Select 'YouTube' from the bachelor sources and log in with your YouTube business relationship.

On Flockler, y'all can combine social media feeds from multiple sources and brandish all posts in ane place.

Stride 3: Choose 'YouTube channel/playlist' (yes, y'all tin can embed a YouTube playlist and videos past a keyword, too!)

Then type the proper name of the channel or add together a link. Yous don't need to be an admin of whatever specific channel.

Stride 4: Decide if you lot'd similar to display YouTube videos automatically or review them before embedding them on the website. If yous are looking to show videos from your channel, so showing videos automatically is the recommended choice.

You are in total command of what is displayed on your website. Fifty-fifty if you'd decide to display all automatically, you lot can always hide videos afterward.

Pace 5: The final step is to choose the YouTube feed layout. From Flockler's Display tab, you can create Social Walls, Grids, Carousels, and Slideshows for your YouTube channel videos.

With Flockler, you can create an unlimited number of YouTube feed embed layouts and use them in various digital services.

Afterwards choosing the layout, you volition get an embed lawmaking for your YouTube video feed. Y'all tin add together the embed code to your website's HTML - including WordPress, Wix, Squarespace, Webflow, Shopify, and other website builders.

Customize your YouTube feed

YouTube feed layout's settings permit marketers to customize the look & feel of their embed codes. For each website and digital service, you can create Walls, Grids, Carousels, and Slideshows separately and brand sure they fit the branding perfectly.

With a few clicks and without developer skills, y'all can customize your YouTube Channel feed and make sure it perfectly fits your website and branding.

Depending on the folio and digital service, yous tin can choose a Wall, Filigree, Carousel, and Slideshow. Yous can create every bit many layouts as you like and and then edit the features of each YouTube feed:

• Show/hide YouTube video caption texts
• Show/hibernate YouTube profile information
• Show/hide timestamp
• Select the linguistic communication
• Choose how many YouTube videos are shown
• Enable/disable infinite scroll
• Open the YouTube video in a popup
• Use custom colours
• Add custom CSS
• Filter YouTube videos past a hashtag
• Add CTA buttons
• Tag videos with products from your webshop

Embedding YouTube videos on a website builder

With the instructions above, you lot tin can embed a YouTube channel on any digital service and here are detailed step-by-step tutorials for some of the most common website builders:

• WordPress
• Wix
• Squarespace
• Webflow
• Shopify

How to embed YouTube channel on WordPress

Beginning past downloading Flockler's WordPress plugin for social media feeds. Then, follow the instructions below for Elementor, Gutenberg, and the Classic editor.

Embed YouTube channel on Elementor

1. Add a new folio on WordPress or edit an existing one.
2. Click on Edit with the Elementor button.
3. From the left, search for the HTML widget.

   

4. Drag and drop the HTML widget into your page.
5. A new set of editing tools on the left volition open. Re-create and paste your Flockler plugin shortcode for YouTube aqueduct directly into the HTML Code field.

   

6. Update/Publish the Page.

Embed YouTube aqueduct using Gutenberg

1. Open the Mail service or Page in the WordPress admin where you lot'd like to embed a YouTube feed.
2. Choose "(+) Add Block" in the superlative left corner of the WordPress editing tools.
3. Next, search for the Custom HTML element and add together it to your Page.

   

4. Copy and paste your YouTube video embed shortcode from Flockler'due south Brandish tab to the element.

   

5. Update/Publish changes to the WordPress Mail/Folio.

Embed YouTube channel using the Classic editor

1. Open the Post or Page in the WordPress admin where you'd like to add a YouTube feed.
2. In the WordPress content editor, you'll find options to use a Visual or Text way. Cull Text manner.
3. Copy and paste your unique shortcode from Flockler's Brandish tab to where yous would like to display the YouTube feed on WordPress.
4. Update/Publish changes to the WordPress Post/Page.

That's it – if you take followed the steps higher up, a custom YouTube video feed is now embedded on your WordPress site!

How to embed YouTube aqueduct on Wix

On the Wix website, you can utilize the classic editor or Wix ADI and here are step-by-step instructions for both.

Embed YouTube aqueduct using Wix's classic editor

In the Wix Editor, click the + push button on the left, select 'Embed' and then 'Embed a widget' from the available options.

Resize the chemical element and then click the 'Enter Lawmaking' push.

Go to Flockler'southward 'Display' tab and copy and paste the YouTube feed embed code to Wix's editor.

Click the 'Update' push button, and your Flockler layout appears on the page.

Embed YouTube channel using Wix ADI

Open the editor and click + icon on the folio and select the position where you'd like to embed the YouTube feed.

Then select 'HTML Embed' and one of the ready templates.

Edit or remove the default texts and click 'Settings' next to HTML.

Make sure you lot select 'Website' from the two embed types and add together the 'Preview' URL of Flockler to the editor. You can discover the 'Preview' URL from Flockler'due south Display tab. While you lot are on the editor, you can change the width and height available for the Flockler layout.

That's all – click to 'Publish' your website, and the YouTube video feed shows upwardly on your Wix site.

How to embed YouTube aqueduct on Squarespace

Note that you'll need a Business organisation program for Squarespace to add any 3rd-political party widget.

Click to 'Edit' the page where you'd similar to add a YouTube feed.

And so add an chemical element.

Click + icon – a set of options opens up. Search and select the 'Lawmaking' cake.

In the 'Lawmaking' block, brand sure you lot've got 'HTML' selected from the dropdown and that you take NOT selected 'Display source'. Paste YouTube feed embed code to the field and click 'Apply'.

Adjacent, you should come across the element saying 'Script Disabled'. Don't worry, that'south standard behaviour on Squarespace.

Save changes and publish the site – the YouTube channel embed will then show up on your Squarespace site!

How to embed YouTube channel on Webflow

Note that you lot'll need a paid Webflow plan to add a third-party widget to Webflow.

Select an area where yous'd like embed YouTube videos. Then but click the + icon, scroll downwardly to the Components department, and select the 'Embed' button.

After selecting the 'Embed' component, an editor opens upward. Add together the embed lawmaking from Flockler's Brandish tab to the editor and salve changes.

Remember to publish your updated version of the Webflow site, and your YouTube channel is live on the page!

How to embed YouTube channel on Shopify

In full general, you lot can embed YouTube feeds on any Shopify page, for example, to the homepage, all product and collection pages, or whatever individual page. I'll go through all the various options side by side.

Embed YouTube channel on Shopify homepage

To add a Youtube channel to any Shopify page, you'll need to edit the theme layout. Go to Themes, click 'Actions' and select 'Edit code'.

Go to 'Sections' and click 'Add a new department'.

Give information technology a proper noun (e.k., flockler), and an editor opens up.

In the editor, replace the Section name with "flockler". Likewise, replace all subsequently 'endschema' with Flockler's embed code that you tin can find from Flockler'southward Display tab.

Salve changes.

Adjacent, scroll upwardly the list to 'Templates', click 'index.json'.

An editor opens and you need add together the following section at the top:

          "flockler": {  "type": "flockler"  },        

Scroll down the lawmaking editor, and you'll find the order of homepage elements. Cull the correct spot for Flockler and add information technology to the listing.

Click 'Save', and you are all washed! The YouTube channel feed volition be displayed on the Shopify homepage.

Embed YouTube feed on Shopify Collections and Product pages

If you lot'd like the Flockler embed code to show on all collections and product pages, yous can follow the above instructions. Hither, the 'collection.json' and 'product.json' ascertain layouts for all collections and products, and you can add together a YouTube feed to either of them.

Embed YouTube videos on a specific Shopify page

One option is to embed YouTube videos on the individual page content. From the text editor, click the 'HTML button'.

So add Flockler anywhere in the text.

Finally, click 'Relieve' and the YouTube video feed is embedded on an private page.

Source: https://flockler.com/blog/embed-youtube-channel

Posted by: watkinsniess1969.blogspot.com

Share this post