The Shortcode Block allows you to easily insert and manage shortcodes within your content. This powerful feature lets you add complex functionalities and dynamic content without writing extensive code, enhancing the interactivity and capabilities of your site.

How to add an shortcode block

  • Click on the ‘+’ button and choose the ‘Shortcode’.
  • Alternatively, type /shortcode and press enter.

Once added, you can type your shortcode directly into the provided box or paste it from the available shortcodes. This allows you to easily integrate additional functionalities into your content.

Block toolbar

Each block has its own set of tools for customization. Here’s what you’ll find in the Separator block toolbar.

Transform to

The ‘Transform to’ button lets you change a Shortcode Block into other blocks like ‘Columns’ or ‘Group’. This feature allows you to seamlessly adjust your layout with a simple click, ensuring your content looks just the way you want.

Drag & Move

Use the six-dot icon to drag your block, or the up and down arrow buttons let you move a block one position higher or lower.

More Options

The More options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML.

Block settings

Access the Shortcode Block settings by clicking on the Shortcode Block. The settings panel will appear on the right side, allowing you to customize your Shortcode Block options for a tailored layout.


In the Advanced settings, you’ll find a ‘Block Name’ field, allowing you to assign a unique identifier to your Shortcode Block for easier management and customization.

Additional resources