{"id":23680,"date":"2020-10-19T16:11:35","date_gmt":"2020-10-19T14:11:35","guid":{"rendered":"https:\/\/premiumaddons.com\/?post_type=docs&#038;p=23680"},"modified":"2024-02-28T15:02:27","modified_gmt":"2024-02-28T13:02:27","slug":"how-to-enable-youtube-data-api-for-premium-video-box-widget","status":"publish","type":"docs","link":"https:\/\/premiumaddons.com\/docs\/how-to-enable-youtube-data-api-for-premium-video-box-widget\/","title":{"rendered":"How to Enable Youtube Data API for Premium Video Box Widget"},"content":{"rendered":"\n<p>Today, we will show how to enable Youtube Data API to be used with getting Videos from Youtube Playlist\/Channel option that was recently added to <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/video-box-widget-for-elementor-page-builder\/\" data-type=\"URL\" data-id=\"https:\/\/premiumaddons.com\/video-box-widget-for-elementor-page-builder\/\" target=\"_blank\">Premium Videobox widget<\/a>.<\/p>\n\n\n\n<p>First, we need to answer why is Youtube Data API is an important update? Simply, because starting from now you don&#8217;t need to add each video in a separate widget. Now with just the API Key and Playlist or Channel ID, Premium Video Box widget will pull all the public videos in any Youtube playlist or channel automatically.<\/p>\n\n\n\n<p>We will start by getting Google API Key. If you need further information about getting your API key, please check this&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/docs\/getting-your-api-key-for-google-reviews\/\" target=\"_blank\">article<\/a>.<\/p>\n\n\n\n<p>So let&#8217;s start to enable the Youtube Data API. The good news is that this process is fairly simple.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requirements:<\/h3>\n\n\n\n<ul>\n<li>You will need <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/pro\/\" target=\"_blank\">Premium Addons PRO<\/a> plugin installed and activated on your website.<\/li>\n\n\n\n<li>Also, make sure that this addon is enabled so you can find it in the Elementor editor. Check <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/docs\/plugin-settings\/\" target=\"_blank\">this article<\/a> to know how to do that.<\/li>\n\n\n\n<li>Premium Addons works only with <a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/Get-Elementor\" target=\"_blank\">Elementor Page Builder<\/a> plugin so you will need to have it installed and activated as well.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:23px\">Enable YouTube Data API to Elementor Video Box<\/h2>\n\n\n\n<p><strong>Step 1:<\/strong>&nbsp;After you get your Google API Key, navigate to your project dashboard. Click on&nbsp;<strong>ENABLE API AND SERVICES<\/strong>&nbsp;button on the top of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ0NSIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDQ1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwOSUyRmVuYWJsZS1hcGktYW5kLXNlcnZpY2UtaW4tZ29vZ2xlLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjQ0NSIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Enable APIs and Services for Elementor Video Box widget\" class=\"wp-image-23586\"  \/><figcaption class=\"wp-element-caption\">Enable APIs and Services for Elementor Video Box widget<\/figcaption><\/figure>\n\n\n\n<p><strong>Step 2:<\/strong>&nbsp;Search for&nbsp;<strong>Youtube Data API<\/strong>, then select it from the results list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"478\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ3OCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDc4IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYxMCUyRnNlYXJjaC1mb3IteW91dHViZS1kYXRhLWFwaS5qcGciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI0NzgiIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"Enable YouTube Data API in Video Box widget\" class=\"wp-image-23685\"  \/><figcaption class=\"wp-element-caption\">Enable YouTube Data API in Video Box for Elementor Page Builder<\/figcaption><\/figure>\n\n\n\n<p><strong>Step 3:<\/strong>&nbsp;Click on <strong>Enable <\/strong>button to enable Youtube Data API on your project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"478\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ3OCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDc4IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYxMCUyRmVuYWJsZS15b3V0dWJlLWRhdGEtYXBpLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjQ3OCIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Enable YouTube Data API for Elementor Video Box widget\" class=\"wp-image-23686\"  \/><figcaption class=\"wp-element-caption\">Enable YouTube Data API for Elementor Video Box Widget<\/figcaption><\/figure>\n\n\n\n<p>That&#8217;s it. Your YouTube API is ready to use.<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> Navigate to your WP Dashboard -&gt; <strong>Premium Addons for Elementor<\/strong> -&gt; <strong>Integrations<\/strong> tab.<\/p>\n\n\n\n<p><strong>Step 5:<\/strong> Paste API Key in <strong>Youtube Data API Key<\/strong> field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"465\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ2NSIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDY1IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYxMCUyRnBhc3RpbmctYXBpLXRvLWFwaS1maWVsZC5qcGciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI0NjUiIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"Insert YouTube Data API Key to Use With Elementor Video Box\" class=\"wp-image-23687\"  \/><figcaption class=\"wp-element-caption\">Insert YouTube Data API In Premium Addons Integrations Tab<\/figcaption><\/figure>\n\n\n\n<p>Finally, the last thing remaining is to get the Playlist or Channel ID, please check this&nbsp;<a href=\"https:\/\/premiumaddons.com\/docs\/how-to-find-youtube-channel-playlist-id\/\" target=\"_blank\" rel=\"noreferrer noopener\">article<\/a> for further information about that.<\/p>\n\n\n\n<p>After inserting the Playlist or Channel ID, the Video Box Widget should pull playlist\/channel video automatically.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"474\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ3NCIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDc0IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYxMSUyRmVsZW1lbnRvci12aWRlby1ib3gtd2lkZ2V0LWRpc3BsYXlzLXRoZS1wbGF5bGlzdC12aWRlb3Mtc3VjY2Vzc2Z1bGx5LmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjQ3NCIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"\" class=\"wp-image-23886\"  \/><figcaption class=\"wp-element-caption\">Elementor Video Box Widget Displays the Playlist Videos Successfully<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><meta charset=\"utf-8\">If you still need any further assistance, feel free to contact Premium Addons <a href=\"https:\/\/my.leap13.com\/contact-support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support team<\/a>. We would be more than glad to help \ud83d\ude01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, we will show how to enable Youtube Data API to be used with getting Videos from Youtube Playlist\/Channel option that was recently added to Premium Videobox widget. First, we need to answer why is Youtube Data API is an important update? Simply, because starting from now you don&#8217;t need to add each video in [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"The free Elementor videobox widget by Premium Addons plugin has the option to show Youtube playlist or channel videos on your website.","_seopress_robots_index":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"docs_category":[502],"docs_tag":[],"_links":{"self":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/23680"}],"collection":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/comments?post=23680"}],"version-history":[{"count":3,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/23680\/revisions"}],"predecessor-version":[{"id":72656,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/23680\/revisions\/72656"}],"wp:attachment":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/media?parent=23680"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_category?post=23680"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_tag?post=23680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}