title: "Control Scripts" post_status: publish comment_status: open taxonomy: category: - elementor-developers-docs post_tag: - Scripts Styles - Src - Repos

Control Scripts

When you create new Elementor controls and need to register custom scripts, they must be registered using the wp_register_script() function and enqueued using the wp_enqueue_script() function. To ensure that Elementor only loads the scripts in the editor, use the control enqueue() method.

Registering Control Scripts

In the example below, we'll register scripts when creating new controls:

```php {6} function my_plugin_register_control_scripts() { wp_register_script( 'control-script-1', plugins_url( 'assets/js/control-script-1.js', FILE ) ); wp_register_script( 'control-script-2', plugins_url( 'assets/js/control-script-2.js', FILE ), [ 'external-library' ] ); wp_register_script( 'external-library', plugins_url( 'assets/js/libs/external-library.js', FILE ) ); } add_action( 'wp_enqueue_scripts', 'my_plugin_register_control_scripts' );

Then, the control class will enqueue the scripts:

```php {3}
class Elementor_Test_Control extends \Elementor\Base_Control {

    protected function enqueue(): void {
        wp_enqueue_script( 'control-script-1' );
        wp_enqueue_script( 'control-script-2' );
    }

}