Hey visitors! If you're a beginner in WordPress and WP-CLI development, then you should check out my dear friend Bhargav's Youtube channel! @BuntyWP

Reopening Gutenberg’s Welcome Guide programatically

by Siddharth Thevaril

When you open the post editor for the first time after a fresh WordPress install, or after updating WordPress to a newer version, a Welcome Guide popup like the following appears:

Gutenberg’s Welcome Guide popup.

This popup disappears when one of the 2 things happen:

  1. When you voluntarily click the close button on the modal.
  2. When you click anywhere outside the popup

I accidentally clicked outside the model just as it popped up and once it’s gone it’s gone…or is it really?

The status of this popup is stored in local storage under the key WP_DATA_USER_<USER_ID>

To reopen the popup, you can delete this under Browser Console > Application > Local Storage and delete the key. Reloading the page, you can see the Welcome Guide is shown again.

However, there is another way to display the guide without deleting local storage and reloading.

Open the browser console and run the following:

wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'welcomeGuide' );Code language: JavaScript (javascript)

That’s it!

You can see it working below:

Opening Gutenberg’s Welcome Guide programmatically using JavaScript
Subscribe to the Newsletter
Subscribe to get my latest content by email.

Leave a Reply