Raw HTML Control - Elementor Developers

Table of Contents

1 Arguments
2 Return Value
3 Usage

Elementor raw HTML control displays an HTML content in the panel.

The control is defined in Control_Raw_Html class which extends Base_UI_Control class.

Note that when using the control, the type should be set using the \Elementor\Controls_Manager::RAW_HTML constant.

Arguments

Name	Type	Default	Description
`type`	`string`	raw_html	The type of the control.
`label`	`string`		The label that appears above of the field.
`description`	`string`		The description that appears below the field.
`show_label`	`bool`	true	Whether to display the label.
`label_block`	`bool`	false	Whether to display the label in a separate line.
`separator`	`string`	default	Set the position of the control separator. Available values are `default`, `before`, `after` and `none`. `default` will position the separator depending on the control type. `before` / `after` will position the separator before/after the control. `none` will hide the separator.
`raw`	`string`		The HTML markup.
`content_classes`	`string`		CSS classes to add to the content wrapper.

Return Value

This control does not return any value.

Usage

<?php
class Elementor_Test_Widget extends \Elementor\Widget_Base {

	protected function _register_controls() {

		$this->start_controls_section(
			'content_section',
			[
				'label' => __( 'Content', 'plugin-name' ),
				'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
			]
		);

		$this->add_control(
			'important_note',
			[
				'label' => __( 'Important Note', 'plugin-name' ),
				'type' => \Elementor\Controls_Manager::RAW_HTML,
				'raw' => __( 'A very important message to show in the panel.', 'plugin-name' ),
				'content_classes' => 'your-class',
			]
		);

		$this->end_controls_section();

	}

}