Demos Buy Now

YouTube Channel Feed for Magento 2

YouTube Channel Feed extension allows the store owner to show latest feeds from the YouTube channel. The customers can view the latest video updates from the YouTube channel without leaving the store. The admin can customize the height, width, the number of feeds show, wall data color.

Features

  • Set the number of feeds to display in the widget.
  • Set the YouTube Channel Feed widget text color.
  • Customize the height and width of the widget.
  • Show/hide video thumbnails in the widget.
  • The users can click the Subscribe button in the widget.
  • The users will see the channel name, logo, no. of subscribers & videos.
  • Any user can view the YouTube Channel Feeds in the store.
  • The module source code is open for customization.

Installation

To install this extension, please follow each and every step carefully as follows:

Step 1:

After extracting the downloaded zip file and you will get the src folder. Inside src folder, you will find the app folder, copy the app folder to the Magento2 root directory. Please view the below screenshot.

Magento2 Admin Buyer Chat Installation

Step 2:

After the successful installation, you have to run these commands in the Magento2 root directory.

First command- php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you need to flush the cache and reindex all from the Magento2 admin panel. Navigate through System>Cache Management. Click Flush Magento Cache button as shown below:

Magento2 Cache Management

How to Get YouTube API

For getting the YouTube API, please log into your Google account and visit this link. The following page will appear. This is API Manager Dashboard, click Create button.

dashboard

Now enter any name for this New Project and click Create button.

project name

After creating your New Project, click ENABLE API button as visible in the screenshot:

Then, go to the bottom of the page near YouTube APIs, click YouTube Data API link.

The following page will open, click Create Credentials button.

Now, click Create Credentials and select API Key option.

Finally, you can now copy the API Key created.

Module Configuration

After the module installation, the admin needs to enter the YouTube API key to make this module work. Go to Stores>Configuration>Webkul>YouTube Channel Feed. The following page will open, enter the API key created and click Save Config.

Widget Configuration

Now, the admin can navigate to Content>Pages and select the page where it wants to display the YouTube Channel Feed widget, click Edit option.

Now, in the Content section, and click Insert Widget icon.

A pop-up window will appear, select Widget Type as YouTube Channel Feed and click Insert Widget.

select widget

After that, the following options will be available for the YouTube Channel Feed:

Widget Options:

Youtube Channel ID – Enter your YouTube channel ID. eg. UCoMjhTMLPrcPpVOkIDHXiSA

channel id

YouTube Username – Enter your YouTube account name here.

No. of Max Feed –  Enter the number of video feeds to display in the widget.

Wall Data Color – Set the widget text color.

Width – Set the width of the widget.

Height – Set the height of the widget.

Show Media Images – Select Yes to display video thumbnails in the widget, else select No.

Click Insert Widget when done.

widget options

After setting up the widget options, the widget will appear in the content section. Click Save Page to apply your changes.

widget-added

User Front-End View

On the front-end, this is how YouTube Channel Feed widget will appear. The users will be viewing the channel name, logo, the number of subscribers, the number of videos. To view a video, simply click on the link and the page will be redirected to the YouTube website.

frontend

Thank you for viewing this blog. If you have any query or need more information, please visit webkul.uvdesk.com

Current Product Version - 2.0.0.0

Supported Framework Version - 2.0.x , 2.1.x

. . .

Ask a Feature

Index