{"id":59546,"date":"2020-09-09T16:06:49","date_gmt":"2020-09-09T20:06:49","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=59546"},"modified":"2026-03-11T11:16:30","modified_gmt":"2026-03-11T15:16:30","slug":"add-gutenberg-block-functionality-wordpress-widget","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/","title":{"rendered":"How to Add Gutenberg Block Functionality to WordPress Widget Areas"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png\" alt=\"Gutenberg blocks for widgets\" class=\"wp-image-59547\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>If you\u2019re a fan of <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\">Gutenberg <\/a>and its block-based system, you\u2019ll be happy to know the separate Gutenberg plugin can now add block functionality to the WordPress Widget area.\u00a0<\/p>\n\n\n\n<p class=\"alert alert-warning\">Though a version of Gutenberg is rolled into the core of WordPress, the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/install-gutenberg-plugin\/\" target=\"_blank\">separate Gutenberg plugin<\/a> introduces newer features that add to the experience of the software.\u00a0\u00a0<\/p>\n\n\n\n<p>Adding Gutenberg blocks to the WordPress widget areas is simple with the installation of the plugin. Once activated, you will be able to easily manage your widgets and widget areas from the admin dashboard or customizer using the intuitive Gutenberg system.\u00a0<\/p>\n\n\n\n<p>In addition to gaining block functionality within the widget areas, the plugin also gives you access to the blocks available in the Gutenberg block library. This allows you to easily add post and page block elements to a sidebar or widget if desired.<\/p>\n\n\n\n<p>Continue reading to learn how to make your widget management even easier with the Gutenberg plugin.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#Adding-Gutenberg-Blocks\">Adding Gutenberg Blocks to WordPress Widget Areas<\/a><\/li>\n\n\n\n<li><a href=\"#Widget-Blocks-in-the-Customizer\">Using Widget Blocks in the Customizer<\/a><\/li>\n<\/ul>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Adding-Gutenberg-Blocks\"><strong>Adding Gutenberg Blocks to WordPress Widget Areas<\/strong><\/h2>\n\n\n\n<p>To add the Gutenberg block functionality to your WordPress widget area, follow the instructions below:<\/p>\n\n\n\n<p class=\"alert alert-warning\">Of note, this <a rel=\"noreferrer noopener\" href=\"https:\/\/make.wordpress.org\/core\/2020\/09\/03\/whats-new-in-gutenberg-2-september\/\" target=\"_blank\">feature is still being developed as of 9.9.20<\/a>. Though perfect for users who use default widgets, some many find that their 3rd party widgets are no longer available. We recommend <a rel=\"noreferrer noopener\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/wordpress-backups\/\" target=\"_blank\">backing up your site<\/a> before activating the plugin to protect against any possible negative outcomes.<\/p>\n\n\n\n<ol class=\"wp-block-list article_list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\" rel=\"noreferrer noopener\">Log into your WordPress dashboard<\/a>.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/install-gutenberg-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Install and activate Gutenberg<\/a>.<\/li>\n\n\n\n<li>Navigate to<strong> Appearance &gt; Widgets<\/strong>.<\/li>\n\n\n\n<li>Add, edit, and delete the widget blocks as you would on a page or post.\u00a0<\/li>\n\n\n\n<li>Click <strong>Update <\/strong>to save your changes.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e959207b31f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e959207b31f\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"59548\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1-1024x562.png\" alt=\"Editing widget blocks in dashboard\" class=\"wp-image-59548\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1-1024x562.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1-300x165.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1-768x422.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1-1536x843.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks1.png 1652w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e959207b73b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e959207b73b\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"59549\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2-1024x560.png\" alt=\"Adding widget blocks in the dashboard\" class=\"wp-image-59549\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2-1024x560.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2-300x164.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2-768x420.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2-1536x840.png 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks2.png 1654w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Widget-Blocks-in-the-Customizer\"><strong>Using Widget Blocks in the Customizer\u00a0<\/strong><\/h2>\n\n\n\n<p>You can also manage your widgets via the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/theme-customizer\/\" target=\"_blank\">customizer<\/a>. This is a great option if you want to see how your widget changes look while you\u2019re editing. To manage widgets while in the customizer, follow the instructions below:<\/p>\n\n\n\n<ol class=\"wp-block-list article_list\">\n<li>Navigate to <strong>Appearance &gt; Customizer<\/strong>.<\/li>\n\n\n\n<li>On the left menu, click <strong>Widget Blocks<\/strong>.<\/li>\n\n\n\n<li>To add a widget, scroll down and click on the <strong>+ button<\/strong>, then find and click on the block you want to add from the block library.<\/li>\n\n\n\n<li>To edit a widget or widget area, simply click on it and configure the options presented.<\/li>\n\n\n\n<li>Click <strong>Publish<\/strong> to save your changes.\u00a0<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e959207bd32&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e959207bd32\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"59550\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/CustomWidget1-1024x697.png\" alt=\"Example of widget block area in customizer\" class=\"wp-image-59550\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/CustomWidget1-1024x697.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/CustomWidget1-300x204.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/CustomWidget1-768x523.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/CustomWidget1.png 1380w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e959207c0a6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e959207c0a6\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"726\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"59551\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/customwidget2-1024x726.png\" alt=\"Adding widget block in the customizer\" class=\"wp-image-59551\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/customwidget2-1024x726.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/customwidget2-300x213.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/customwidget2-768x544.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/customwidget2.png 1325w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re a fan of Gutenberg and its block-based system, you\u2019ll be happy to know the separate Gutenberg plugin can now add block functionality to the WordPress Widget area.&nbsp; Though a version of Gutenberg is rolled into the core of WordPress, the separate Gutenberg plugin introduces newer features that add to the experience of the<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4427],"tags":[],"class_list":["post-59546","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adding Gutenberg Blocks to WordPress Widget Areas<\/title>\n<meta name=\"description\" content=\"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding Gutenberg Blocks to WordPress Widget Areas\" \/>\n<meta property=\"og:description\" content=\"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-09T20:06:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T15:16:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"How to Add Gutenberg Block Functionality to WordPress Widget Areas\",\"datePublished\":\"2020-09-09T20:06:49+00:00\",\"dateModified\":\"2026-03-11T15:16:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\"},\"wordCount\":397,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\",\"name\":\"Adding Gutenberg Blocks to WordPress Widget Areas\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png\",\"datePublished\":\"2020-09-09T20:06:49+00:00\",\"dateModified\":\"2026-03-11T15:16:30+00:00\",\"description\":\"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Gutenberg Block Functionality to WordPress Widget Areas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding Gutenberg Blocks to WordPress Widget Areas","description":"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/","og_locale":"en_US","og_type":"article","og_title":"Adding Gutenberg Blocks to WordPress Widget Areas","og_description":"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-09-09T20:06:49+00:00","article_modified_time":"2026-03-11T15:16:30+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png","type":"image\/png"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"How to Add Gutenberg Block Functionality to WordPress Widget Areas","datePublished":"2020-09-09T20:06:49+00:00","dateModified":"2026-03-11T15:16:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/"},"wordCount":397,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/","name":"Adding Gutenberg Blocks to WordPress Widget Areas","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks-1024x538.png","datePublished":"2020-09-09T20:06:49+00:00","dateModified":"2026-03-11T15:16:30+00:00","description":"Adding Gutenberg blocks to WordPress widget areas is simple with the installation of the plugin -- which gives you access to the blocks available in the Gutenberg block library.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/09\/WidgetBlocks.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/add-gutenberg-block-functionality-wordpress-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Add Gutenberg Block Functionality to WordPress Widget Areas"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4427,"name":"Gutenberg","slug":"gutenberg","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/59546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=59546"}],"version-history":[{"count":7,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/59546\/revisions"}],"predecessor-version":[{"id":131682,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/59546\/revisions\/131682"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=59546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=59546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=59546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}