Elementor is a popular WordPress page builder plugin that allows you to create beautiful websites easily. As a developer, you may create custom post types for various reasons on a website. By default, Elementor will not be usable for custom post types. Documentation for Elementor is clear on how to add support and use Elementor for custom post types using the admin UI, however, it is difficult to find documentation on how to add it by code so that we do not have to mess with the UI. Below will show both methods on how to enable Elementor for your custom post types when it is not showing up.
Method 1: Enabling Elementor for Custom Post Types with Elementor Settings
To enable Elementor for a custom post type using the settings, you need to:
- Login to admin
- Go to Elementor > Settings in the main menu on the left
- Check the checkbox for your custom post type under Post Types
- Click Save Changes to save your changes.
This process is also documented by Elementor on the “Does Elementor Work with Posts and Custom Post Types?” page.
Method 2: Enabling Elementor for Custom Post Types with Code
If you are creating your post types with PHP Code, you are likely calling register_post_type() to create your custom post type:
<?php
...
register_post_type('test', [
'labels' => [ 'name' => 'My Custom Post Types', ' ],
'public' => true,
'supports' => [
'title',
'editor',
],
'show_in_rest' => true
]);
...To add elementor support for your custom post type, you just need to add elementor as an option under supports. so the result should look something like this:
<?php
...
register_post_type('test', [
'labels' => [ 'name' => 'My Custom Post Types' ],
'public' => true,
'supports' => [
'title',
'editor',
'elementor', // Add Elementor Support for the post type
],
'show_in_rest' => true
]);
...and that’s it! The custom post type will now have Elementor support. To verify, you can try to create a new post for the custom post type. You should see the Edit with Elementor button:
