How to add Shortcode to the new Gutenberg editor

This tutorial will guide you how to add shortcode to the new Gutenberg editor. Since most Wonder plugins are based on shortcode, they work with the Gutenberg editor very well.

Step 1 - Add a Shortcode block

In the Gutenberg editor, click the plus button, then goto Widgets, select the Shortcode block.

Step 2 - Add shortcode

Add the shortcode created by Wonder Plugins to the editor, save and publish the post or page.

The screenshot of the published page is as follows: