Shortcode Block

The Shortcode Block lets you insert custom elements into WordPress using shortcodes …

WordPress Gutenberg Blocks – Shortcode

WordPress Gutenberg - Shortcode Block

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Shortcode Block Description

The Shortcode Block lets you insert custom elements into WordPress using shortcodes.

Add shortcodes to WordPress using the Shortcode Block

(Add shortcodes to WordPress using the Shortcode Block)

How To Use The Shortcode Block

To add a Shortcode Block:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select a ‘Shortcode’ block (in Most Used or Widgets section), or
    • Add the ‘Shortcode’ block in the Content Area.
  • Type or paste in your shortcode.
  • Save, publish, or update your post or page.

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Shortcode’ block …

'Add Block' Tool - Add Shortcode Block

(‘Add Block’ Tool – Add Shortcode Block)

Or, select a Shortcode Block in the Content Area

Add a Shortcode Block from the Content Area

(Add a Shortcode Block from the Content Area)

There is nothing to edit after adding a Shortcode Block and entering your shortcode. Save, publish, or update your post or page to save your settings.

How To Remove A Shortcode Block

To delete or remove a shortcode block:

  • Click inside the Shortcode Block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.

Remove a Shortcode Block

(Remove a Shortcode Block)

Additionally …

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (see our ‘How To Use Blocks‘ tutorial if you need help with this step).
  • You can also convert Shortcode Blocks into Reusable Blocks.

Shortcode Block Tools, Options & Settings

The Shortcode Block includes:

  • Shortcode Block Editor
  • Shortcode Block Settings

Shortcode Block Editor

Shortcode Block Editor

(Shortcode Block Editor)

The Shortcode Block Editor contains only the following:

  • Display Block Type (See ‘Shortcode Block – Additional Info’ section below.)
  • Shortcode Field
    • Type or paste in your shortcode
  • More Options

Shortcode Block Settings

Shortcode Block Settings

(Shortcode Block Settings)

Shortcode Block settings include only:

  • Block description area

Shortcode Block – Additional Info

  • The Shortcode Block cannot be converted into other block types.
  • Installing plugins or themes on your site may add new functionality, options, or settings to Shortcode Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Shortcode Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"This is AMAZING! I had learnt about how to use WordPress previously, but this covers absolutely everything and more!! Incredible value! Thank you!" - Monique, Warrior Forum

Recommended Video Courses For WordPress Users

Google ToolsGoogle Tools

This video course will help you learn the basics of using Google Tools like Google Analytics and Gmail.

More info: Google Tools

Recommended Video Courses For WordPress Users

WordPress Traffic & User EngagementWordPress Traffic & User Engagement

Learn how to drive more targeted traffic to your website and discover ways to improve user engagement with your business online.

More info: WordPress Traffic & User Engagement

Recommended Video Courses For WordPress Users

WordPress 101: How To Use WordPressWordPress 101: How To Use WordPress

Learn how to unlock the power of the WordPress content management system (CMS) using the many powerful features inside your WordPress administration area.

More info: WordPress 101: How To Use WordPress

Recommended Video Courses For WordPress Users

Why Your Business Needs WordPressWhy Your Business Needs WordPress

Learn about the unique features, benefits, and advantages of using WordPress to start or grow your business online.

More info: Why Your Business Needs WordPress

Recommended Video Courses For WordPress Users

Keyword Research ToolsKeyword Research Tools

This video course shows you how to do keyword research using tools like the Google Keyword Planner.

More info: Keyword Research Tools

Recommended Video Courses For WordPress Users

Build A WordPress Site ... Fast!Build A WordPress Site ... Fast!

Need a new website or blog in a hurry?

This video course shows you how to quickly install and configure a WordPress website or blog on your own domain name and be up and running in no time!

More info: Build A WordPress Site ... Fast!

Author: Martin Aranovitch

Martin Aranovitch is the owner of WPCompendium.org and the author of The WordPress User Manual. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as Shortcode Block.