How To Add Shortcode In Gutenberg Editor

How To Add Shortcode In Gutenberg Editor

Hi Everyone!! Today, I am going to share the steps to Add Shortcode In Gutenberg Editor. It is very easy and simple to add shortcode in Gutenberg. It can be done easily in Gutenberg. Gutenberg has pre-made options to do the same. Now, let’s see the steps to add shortcode in Gutenberg Editor.

Must Read: How To Display Code On WordPress Post

How To Add Shortcode In Gutenberg Editor

Step – 1

  • Go to your website’s WordPressAdmin or Dashboard.
  • Now, open an existing post orcreate a new one by clicking on Add New.

Step – 2

  • Now,if you are editing an existing post then, click on the block after which youwant to add the block.
  • Then,click on Add New Block button and click on the Widgets tab Shortcode.
  • Ifyou are creating a new post then, just repeat the above step.
Adding Shortcode Block to Add Shortcode In Gutenberg Editor
Adding Shortcode Block

Step – 3

  • Justadd the shortcode in the add shortcode text area.
  • Youcan now see the result by just clicking the Preview buttonpresent on the top right side of the post edit area.
  • Thiswill open a new tab where you can see the preview of your post.

Must Read: How To Change Font Size In WordPress

You can add any type of shortcode in this Shortcode block whether it is a YouTube Subscribe button shortcode or an Instagram feed or Pinterest Pins. You can also make it a reusable block. If you want to see the steps to create reusable block click here.

So, these were the steps to Add Shortcode InGutenberg Editor. If this post was helpful to you in adding the shortcodein Gutenberg Editor. If you found this post informative then, please share itwith your colleagues and friends. Do you have any doubts or suggestionsregarding the post? If you have, then please comment in the comment box below.

Manvir Singh

Leave a Reply

Your email address will not be published. Required fields are marked *