Copy discount code:

crocoturns6
croco b-day main image left part croco b-day main image center part croco b-day main image right part
Expires In
croco b-day left image
croco b-day right image

Help Center

How to Create Custom Video List with the Video Playlist Widget

How to Create Custom Video List with the Video Playlist Widget

Read how to create a video playlist with JetBlog Video Playlist widget functionality.

Before you start, check the tutorial requirements:

  • Elementor (Free version) or Block editor (Gutenberg);

  • JetBlog plugin installed and activated.

Go ahead to Elementor Editor and search for the Video Playlist widget. Drag-n-drop it to the free section on the site.

Displaying the Time and Duration of the Videos

Drive to the Content > Items tab where you will see the text message. Firstly, you need to get Google API.

Video Playlist widget items adding

To perform it click on the pink link here in the tab and it takes you to Google Developers Console.

What you shall do next is described in the following topic.

With the API Key go ahead to the Content > Items tab and add videos to your playlist by inserting the URL address from YouTube.

Playlist Settings

Navigate to the Settings tab where you can adjust the look of your playlist: the height, the orientation, the thumbnail settings, the item numbers. Here you can also hide the Videos Counter, the Item status, the Duration, and the Thumbnail image settings on tablets or mobiles.

Settings in Video Playlist widgets

After that, go to the Style > General Styles tab and change the main view of the Video Playlist widget. Here you can set the Background styles, choose the convenient Heading Icon, Title, and Counter settings, such as Color and Typography styles.

General Styles in Video Playlist widget

Then go to the Style > Thumbnail Styles tab where you can set the general style and pay more attention to the Title and Duration settings.

Next, go to the Style > Thumbnail Numbers and Status Icon tab. Here you can change the look of the numerations of the videos and the status icon.

Thumbnails Numbers and Status Icons

In the Style > Scrollbar Styles tab you can adjust the color of the Scrollbar Thumb and Track.

Scrollbar Styles in Video Playlist widget

Pay attention to saving all the changes and next, remember to update the site and have a look at the preview.

Now, you are ready to form a video playlist on your own to make your content more visualized, alive, and more attractive. Good luck!

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.