help center

On this page

Using Elementor Blocks for Gutenberg

Last Update: March 20, 2024

Gutenberg is the WordPress block editor.

Elementor Blocks for Gutenberg is a standalone plugin that allows you to add Elementor templates as Gutenberg blocks. It allows you to keep your posts under WordPress Editor and not under elementor, but you may include some Elementor features like Call to Actions, Subscribe Form, more advanced image grid, and others.

This plugin allows you to insert any Elementor template directly to the WordPress Editor content area.

Note
Elementor Blocks for Gutenberg requires the following to be able to work:

  • WordPress 5.6 or later
  • Elementor

Install & activate Elementor blocks for Gutenberg

  1. Login to WP Admin.
    Using Elementor Blocks for Gutenberg 7
  2. Go to Plugins.
  3. Search for “elementor blocks for gutenberg”. The search result displays.
    Using Elementor Blocks for Gutenberg 3
  4. Click Install Now.
    Using Elementor Blocks for Gutenberg 4
  5. Click Activate.

Add Elementor block inside WordPress editor

Follow these steps:

  1. Login to WP Admin.
  2. Go to Pages > Add New Pages.
    Using Elementor Blocks for Gutenberg 5
  3. Click + (the add block icon). A pop-up windows shows with the available blocks.
    Using Elementor Blocks for Gutenberg 2
  4. Click Elementor Library. (Search for it, if required)
    Using Elementor Blocks for Gutenberg 6
  5. Choose an existing template or create a new one from scratch. 
  6. Click the preview icon from top-right to preview the template.
    Using Elementor Blocks for Gutenberg 1
  7. You can switch between Gutenberg and Elementor by clicking Edit with Elementor.
    Using Elementor Blocks for Gutenberg 8

Read the official Elementor Blocks for Gutenberg release post: Introducing Elementor Blocks for Gutenberg

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article