Elementor Developers

Appearance

Dynamic Tags Structure ​

Elementor Core Advanced

Each dynamic tag needs to have a few basic settings, such as a unique name. On top of that, there are some advanced settings like dynamic tag controls, which are basically optional fields where users can configure their custom data. There is also a render method that generates the final output based on user settings taken from the dynamic tag’s controls.

Extending Dynamic Tags ​

To create your own control, you need to extend the dynamic tags control to inherit its methods:

php
class Elementor_Test_Tag extends \Elementor\Core\DynamicTags\Tag {
}

Dynamic Tags Methods ​

A simple dynamic tag skeleton will look like this:

php
class Elementor_Test_Tag extends \Elementor\Core\DynamicTags\Tag {

	public function get_name(): string {}

	public function get_title(): string {}

	public function get_group(): array {}

	public function get_categories(): array {}

	protected function register_controls(): void {}

	public function render(): void {}

}

The dynamic tags methods can be divided into the following groups:

Please note that the \Elementor\Core\DynamicTags\Tag class has many more methods, but the methods mentioned above will cover the vast majority of your needs.