---
title: "How to Display Gutenberg Blocks in Elementor? [Tutorial Included]"
url: https://theplusaddons.com/blog/how-to-display-gutenberg-blocks-in-elementor/
date: 2024-01-04
modified: 2026-04-07
author: "Aditya Sharma"
description: "Want to display Gutenberg Blocks in Elementor Editor? You're probably familiar with the Gutenberg editor and the Elementor page builder. Gutenberg is the default WordPress editor that allows you to..."
image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Display-Gutenberg-Block-in-Elementor-1024x536.jpg
word_count: 623
---

# How to Display Gutenberg Blocks in Elementor? [Tutorial Included]

## Key Takeaways

- Nexter Blocks allows integration of Gutenberg blocks into Elementor designs.
- Users can create content in Gutenberg by adding patterns through Nexter Blocks.
- Shortcodes for reusable blocks are available on the Patterns page of Nexter Blocks.
- Any Gutenberg block can be used with Elementor via the Nexter Blocks plugin.

Want to display Gutenberg Blocks in Elementor Editor?

You're probably familiar with the Gutenberg editor and the Elementor page builder. Gutenberg is the default WordPress editor that allows you to create content using blocks, while Elementor is a popular page builder that lets you design custom layouts without coding. 

There’s already a plugin called [Elementor Blocks for Gutenberg](https://wordpress.org/plugins/block-builder/). This plugin allows you to add Elementor content to Gutenberg but not vice versa.

But why would you want to add them in the first place? Isn't Elementor more powerful? We had this case where we wanted the RSS feed block, as Elementor does not have an RSS Feed widget.

Similarly, there can be multiple reasons why you wish to render Gutenberg Block in Elementor. 

In this article, You will learn how to display Gutenberg blocks in Elementor with tutorial.

Table Of Contents

## Steps to Display Gutenberg in Elementor:

Fortunately, it's possible to display Gutenberg blocks in Elementor with just a few steps. Using a plugin - [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/), you can easily integrate Gutenberg blocks into your Elementor designs.

### Step 1: Install Nexter Blocks

To use Gutenberg blocks in Elementor, first you need to install Nexter Blocks plugin, click on **Plugins** → **Add New** and search for ‘**Nexter Blocks**’ and then **install** this plugin.

![](https://theplusaddons.com/wp-content/uploads/2024/01/Install-Nexter-Blocks-1024x413.png)

### Step 2: Create the Content in Patterns

Then, from the admin sidebar, hover on **Nexter Blocks** and click **Patterns**.

![](https://theplusaddons.com/wp-content/uploads/2024/01/Open-Patterns.png)

Then click on the **Add Pattern** button and create the content that you want to render on the Elementor Page.

Let's add the RSS Feed block, like in my case, and then publish this.

![](https://theplusaddons.com/wp-content/uploads/2023/06/Adding-RSS-Feed.gif)

After this, publish the content. You can add additional content if you want using Gutenberg blocks here. Nexter Blocks comes with a [**wide range of block collections for the Gutenberg Block Editor.**](https://nexterwp.com/nexter-blocks/)

### Step 3: Copy the Pattern Shortcode

Then, on the Patterns page, you will find a shortcode for every template.

![](https://theplusaddons.com/wp-content/uploads/2024/01/Copy-RSS-Feed-1024x171.png)

Simply copy this for integrating Gutenberg to Elementor.

*Elementor or Gutenberg, which one do you prefer? Here's a **[head-to-head comparison of Elementor vs Gutenberg](https://theplusaddons.com/blog/elementor-vs-gutenberg/)** and tips on which one should you choose.*

### Step 4: Paste the Shortcode in the Elementor Page

Open the Elementor page where you want to add the Gutenberg block content, and then paste the shortcode you copied above on the page.

![](https://theplusaddons.com/wp-content/uploads/2023/06/Adding-Shortcode-in-Elementor.gif)

That's it, and you’re done.

This blog covered how to use Gutenberg blocks in Elementor, I hope it was helpful.

*Do you want to learn how to use the new flexbox containers in Elementor? Check out our *[***Ultimate Guide to Elementor Flexbox Containers***](https://theplusaddons.com/blog/how-to-use-elementor-flexbox-containers/)* to learn everything about it.*

![](https://theplusaddons.com/wp-content/uploads/2023/05/20-Checklist-for-WordPress-Site-Maintenance-1024x1024.jpg)

##### Do you Manage WordPress Websites?
Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance.
​

[contact-form-7]

Field LabelSend Me the eBook

## FAQs on How to Display Gutenberg Blocks in Elementor

### 1. Can I use any Gutenberg block with Elementor or only specific ones? 
You can use any Gutenberg block with Elementor to add content to your pages and posts. You can choose from the blocks that are available in the Gutenberg block library and insert them into Elementor using Nexter Blocks plugin.
### 2. Is it possible to add Gutenberg block to Elementor?
Yes, it is possible to display a Gutenberg block in Elementor:
1. Install Nexter Blocks plugin.
2. Create a reusable block in Gutenberg.
3. Copy the shortcode for the reusable block.
4. Paste the shortcode into the Elementor editor using the Shortcode widget.
That's it!
### 3. Is it possible to display Elementor Widgets in Gutenberg Editor?
Yes, it is possible to display an Elementor Widget in Gutenberg Editor using the Elementor Blocks for Gutenberg plugin. You can do this by creating a template in Elementor and then importing it from the Elementor Library in Gutenberg Editor.
### 4. Can I convert my existing Gutenberg content to Elementor?
Yes, you can convert your existing Gutenberg content to Elementor. However, it's important to note that the conversion process may vary depending on the complexity of your content.

## Frequently Asked Questions

**Q: Can I use any Gutenberg block with Elementor?**
A: You can use any Gutenberg block with Elementor to add content to your pages and posts. Choose from the blocks available in the Gutenberg block library and insert them into Elementor using the Nexter Blocks plugin.

**Q: Is it possible to add Gutenberg block to Elementor?**
A: Yes, you can display a Gutenberg block in Elementor by following these steps: 1. Install the Nexter Blocks plugin. 2. Create a reusable block in Gutenberg. 3. Copy the shortcode for the reusable block. 4. Paste the shortcode into the Elementor editor using the Shortcode widget.

**Q: Is it possible to display Elementor Widgets in Gutenberg Editor?**
A: Yes, you can display an Elementor Widget in the Gutenberg Editor using the Elementor Blocks for Gutenberg plugin. Create a template in Elementor and then import it from the Elementor Library in the Gutenberg Editor.

**Q: Can I convert my existing Gutenberg content to Elementor?**
A: Yes, you can convert your existing Gutenberg content to Elementor. However, the conversion process may vary depending on the complexity of your content.

**Q: What is the purpose of the Nexter Blocks plugin?**
A: The Nexter Blocks plugin allows you to integrate Gutenberg blocks into your Elementor designs. You can create content in Gutenberg and then use a shortcode to display it within Elementor.

**Q: What are the steps to display Gutenberg blocks in Elementor?**
A: To display Gutenberg blocks in Elementor, first install the Nexter Blocks plugin. Then create your content in Gutenberg, copy the pattern shortcode, and paste it into your Elementor page using the Shortcode widget.