# Control Scripts
Elementor Core IntermediateWhen you create new Elementor controls and need to register custom scripts, they must be registered using the wp_register_script() (opens new window) function and enqueued using the wp_enqueue_script() (opens new window) 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 and enqueue them when creating new controls:
class Elementor_Test_Control extends \Elementor\Base_Control {
protected function enqueue() {
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__ ) );
wp_enqueue_script( 'control-script-1' );
wp_enqueue_script( 'control-script-2' );
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14