How to add a new widget?

[nicolas92]

Hello, first of all, great plugin, I rated 5 stars :)
I would like to add a new widget, but I can not declare my file, I use the following code:

function new_widget() {
    
    $build_widgets_filename = [
        'widget1',
        'widget2',
    ];

    foreach ( $build_widgets_filename as $widget_filename ) {
        include( $this->plugin_path . 'includes/widgets/' . $widget_filename . '.php' );

        $class_name = ucwords( $widget_filename );
        $class_name = str_replace( '-', '_', $class_name );
    }

}
add_action( 'init', 'new_widget', 20 );

But this code does not work, can you help me?
Thank you a lot :)

[yehudah]

Hi,

We still don't have official API, but you can write a regular WordPress widget and he will be available in builder widgets.

[KingYes]

@nicolas92 Fast example:

add_action( 'elementor/widgets/widgets_registered', function() {
    \Elementor\Plugin::instance()->widgets_manager->register_widget( 'WIDGET_CLASS' );
} );

Change the WIDGET_CLASS to your own class of the widget.

BTW, as @yehudah say, it's not official API to register widgets, so maybe it's can to change in later versions of the Elementor. But for now it's need to be work for you.

[nicolas92]

Ah thin, I thought it was possible, prévoyer you do it in long time?
I think your plugin will cartoning, so many dévelloppeur will want to integrate their own widgets like visual composer.

[nicolas92]

Thank you very much @KingYes, but it is not urgent, I'll wait for the official API, thank you :)

[KingYes]

No problem :)
Thanks for your review and 5-stars 👍

[nicolas92]

You deserved, amazing plugin :)

[jonathanbossenger]

@KingYes I hope you don't mind me commenting on this, but it would be helpful to get this added to the newly created developer portal - https://developers.elementor.com/creating-a-new-widget/

I've used

\Elementor\Plugin::instance()->widgets_manager->register_widget_type( new Class_Name_Widget() );

in case any stumbles across this.

[shangdev]

@jonathanbossenger Hello,when I created customize new widget，There are some Widget Controls not working, E.g： SLIDER/COLOR/SWITCHER,

Have you encountered this problem?

[vollyimnetz]

I used the following code inside my functions.php to add an elementor-widget.

add_action( 'elementor/widgets/widgets_registered', function($elementorWidgetManager) {
	include_once __DIR__.'/path-to-my-widget-file.php';
	$elementorWidgetManager->register_widget_type( new MyCustomElementorWidget() );
});

By making the include of the code inside the action-hook, i can make sure elementor is installed, active and already loaded.

I support the request of @jonathanbossenger, it belongs something in the documentation how a new elementor widget can be registered correctly.