Elementor Widget Generator

<?php
/**
 * The "Card" Elementor widget.
 */

defined( 'ABSPATH' ) || exit;

/**
 * Elementor loads this file only when Elementor itself is running, so the
 * parent class is always available by the time the class is declared.
 */
class My_Plugin_Card_Widget extends \Elementor\Widget_Base {

	/**
	 * The name stored in the page. Changing it breaks existing pages.
	 *
	 * @return string
	 */
	public function get_name() {
		return 'my_plugin_card';
	}

	/**
	 * The label in the panel.
	 *
	 * @return string
	 */
	public function get_title() {
		return esc_html__( 'Card', 'my-plugin' );
	}

	/**
	 * The panel icon.
	 *
	 * @return string
	 */
	public function get_icon() {
		return 'eicon-post-info';
	}

	/**
	 * Which panel section the widget appears in.
	 *
	 * @return array
	 */
	public function get_categories() {
		return array( 'general' );
	}

	/**
	 * Declares the controls.
	 */
	protected function register_controls() {
		$this->start_controls_section(
			'section_content',
			array(
				'label' => esc_html__( 'Content', 'my-plugin' ),
				'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
			)
		);

		$this->add_control(
			'heading',
			array(
				'label'   => esc_html__( 'Heading', 'my-plugin' ),
				'type'    => \Elementor\Controls_Manager::TEXT,
				'default' => 'Card title',
			)
		);

		$this->add_control(
			'body',
			array(
				'label'   => esc_html__( 'Body text', 'my-plugin' ),
				'type'    => \Elementor\Controls_Manager::TEXTAREA,
				'rows'    => 4,
				'default' => 'A short description.',
			)
		);

		$this->add_control(
			'show_link',
			array(
				'label'   => esc_html__( 'Show the link', 'my-plugin' ),
				'type'    => \Elementor\Controls_Manager::SWITCHER,
				'label_on'     => esc_html__( 'Yes', 'my-plugin' ),
				'label_off'    => esc_html__( 'No', 'my-plugin' ),
				'return_value' => 'yes',
				'default' => 'yes',
			)
		);

		$this->end_controls_section();
	}

	/**
	 * Prints the widget on the front end.
	 *
	 * Settings come back exactly as they were typed, so escape on output.
	 */
	protected function render() {
		$settings = $this->get_settings_for_display();

		echo '<div class="' . esc_attr( 'my-plugin-card' ) . '">';

		if ( ! empty( $settings['heading'] ) ) {
			echo '<span class="' . esc_attr( 'my-plugin-card__heading' ) . '">' . esc_html( $settings['heading'] ) . '</span>';
		}

		if ( ! empty( $settings['body'] ) ) {
			echo '<p>' . esc_html( $settings['body'] ) . '</p>';
		}

		// show_link is a switcher: compare against 'yes'.

		echo '</div>';
	}
}

/**
 * Registers the widget.
 *
 * @param \Elementor\Widgets_Manager $widgets_manager Elementor's manager.
 */
function my_plugin_register_widget( $widgets_manager ) {
	$widgets_manager->register( new My_Plugin_Card_Widget() );
}
add_action( 'elementor/widgets/register', 'my_plugin_register_widget' );