---
title: "Displaying Shortcodes in the WordPress Editor"
source: "https://docs.nexcess.com/software/kadence/blocks/insert-shortcodes/"
description: "When using Kadence Elements, custom Shortcodes, or Shortcodes from third-party plugins, it may be necessary to display them using the WordPress Block Editor. Gu…"
vertical: "Software"
area: "Kadence Blocks"
date: "2024-09-24"
last_modified: "2026-07-02"
---

# Displaying Shortcodes in the WordPress Editor

When using Kadence Elements, custom Shortcodes, or Shortcodes from third-party plugins, it may be necessary to display them using the WordPress Block Editor. Gutenberg provides the Shortcode Block to achieve this. ShortCode Blocks can be added to posts, pages, elements, widgets, and to anywhere the Block Editor is available.

Using the Gutenberg ShortCode Block

To add a shortcode in the editor, first, insert a **Shortcode** **Block** into the page. This block enables shortcode input and ensures it is executed on the front end. A Shortcode Block can be added anywhere blocks are available, such as in the Post Editor or Widgets.

![Shortcode Block](https://docs.nexcess.com/wp-content/uploads/2026/06/Shortcode-Block.gif)

Inside the **Shortcode** **Block**, enter the text of the shortcode you wish to use, then save the changes.

![Adding Shortcode](https://docs.nexcess.com/wp-content/uploads/2026/06/Adding-Shortcode.gif)

On the **Front** **End** of the page, the **Shortcode** will be executed.

![Executed Shortcode](https://docs.nexcess.com/wp-content/uploads/2026/06/Executed-Shortcode.jpg)

*\*Please note that in this example, the Shortcode added comes from the WooCommerce plugin\**

Using Element Shortcodes (Pro)

[Kadence Theme Kit Pro](https://www.kadencewp.com/kadence-theme/premium/) offers [Hooked Elements](https://www.kadencewp.com/help-center/docs/kadence-theme/what-is-kadence-elements/). Each Kadence Element generates a shortcode that can be used to display the Element. To find the shortcode for a specific Element, navigate to **Dashboard** → **Appearance** → **Kadence** → **Elements**.

![Element Shortcode](https://docs.nexcess.com/wp-content/uploads/2026/06/Element-Shortcode.jpg)