How To Display Youtube Playlists (Multiple Playlists) On Gutenberg?

In this post, you will learn how to display a Youtube Playlists (Multiple Playlists) on your Gutenberg website. Do you use Youtube Playlists (Multiple Playlists)? Do you have a website built using Gutenberg? If you answered YES to both questions, this tutorial is for you!

Steps for SociableKIT

  1. Go to and click Sign up. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Youtube Playlists (Multiple Playlists)" on the dropdown.
  4. Enter your YouTube channel ID or custom name.

  5. Click the "NEXT" button. This will show you the customization options.
  6. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Gutenberg

    1. Download the "Gutenberg" plugin. Add the "Gutenberg" plugin to your WordPress plugins and then install it.
    2. Create or edit a page. On your WordPress account, create or edit a page. This is where you want to display your widget.
    3. Add the "Code <>" block. On the upper left part or just click the "+" icon on wherever part of the webpage you want to display your widget then find and add the "Code <>" block.
    4. Paste the Javascript code you copied from SociableKIT. Add the Javascript code you copied earlier to the "Code <>" block.
    5. Save or publish your page.
    6. View it in your web browser. Done!

If you think this post about how to display Youtube Playlists (Multiple Playlists) on Gutenberg is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Related solutions

Responsive support

Need further help? Email our team at [email protected] or go to the website.