{"id":11783,"date":"2017-12-11T16:28:32","date_gmt":"2017-12-11T21:28:32","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=11783"},"modified":"2020-04-02T12:50:13","modified_gmt":"2020-04-02T16:50:13","slug":"using-widgets-in-the-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/using-widgets-in-the-gutenberg-editor\/","title":{"rendered":"Using Widgets in the Gutenberg Editor"},"content":{"rendered":"\n

Widgets<\/strong> are a normal part of WordPress that can be accessed through the Widgets<\/strong> menu in the Appearance section. In BoldGrid menus and the normal WordPress menu, Widgets<\/strong> can also be found in the Customize menu. Using Widgets in the Gutenberg editor<\/strong> is done through the blocks that you can add to your post or page. There are only three widgets in the current menu available through Gutenberg (version 1.8.1). We will show you how you can add a widget with Gutenberg and describe the blocks that they have available.
\n<\/p>\n

Looking for an alternative to the Gutenberg Editor?<\/em> Try our WordPress Page Builder<\/a> that uses a different approach to WordPress Blocks<\/a> to help build your website with ease! Otherwise, here are the steps needed to continue this tutorial using WordPress with the current WordPress Editor:<\/p>\n

How to Add a Widget with the Gutenberg Editor<\/h2>\n

Using the Gutenberg editor to add widgets to your content involves adding blocks to your content. For more information on adding blocks, please see Understanding blocks in the Gutenberg editor<\/em>. Follow the steps below to add a widget to your page or post.<\/p>\n

    \n
  1. Log in to the WordPress Administrator Dashboard<\/a><\/li>\n
  2. \"\"<\/a>Go to your existing page or post and click on Edit<\/strong>. Otherwise, add a new page or post.\n
    <\/div>\n<\/li>\n
  3. \"\"<\/a>Type in the title if you are working on a new page or post.After the title is added, take your pointed and move it to the bottom center portion of the Title box.\n
    <\/div>\n<\/li>\n
  4. \"\"<\/a>You should see a small plus sign in a circle appear. Alternatively, you can also click on the circled plus sign in the top left-hand portion of the window. Clicking on the plus sign will bring up the pop-up window for the blocks. Click on Blocks<\/strong>, then scroll down the list until you see Widgets.\n
    <\/div>\n<\/li>\n
  5. Select one of the three widgets that you wish to add. Note that if you want to use a widget type that is not available, you can still add them through the Administrator Menu – Widgets section.\n