How to add Shortcode to the new Gutenberg editor


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


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: