How to add Shortcode to the new Gutenberg editor

Product:

WonderPlugin 3D Carousel,
WonderPlugin Audio Player,
WonderPlugin Carousel,
WonderPlugin Gallery,
WonderPlugin Portfolio Grid Gallery,
WonderPlugin Tabs,
WonderPlugin Slider

Tutorial:

This tutorial will guide you how to add shortcode to the new Gutenberg editor. Since most WonderPlugin products are shortcode based, 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: