function ttit_add_element_ux_builder(){

  add_ux_builder_shortcode(‘title_with_cat’, array(

    ‘name’      => __(‘Title With Category’),

    ‘category’  => __(‘Content’),

    ‘info’      => ‘{{ text }}’,

    ‘wrap’      => false,

    ‘options’ => array(

      ‘ttit_cat_ids’ => array(

        ‘type’ => ‘select’,

        ‘heading’ => ‘Categories’,

        ‘param_name’ => ‘ids’,

        ‘config’ => array(

          ‘multiple’ => true,

          ‘placeholder’ => ‘Select…’,

          ‘termSelect’ => array(

            ‘post_type’ => ‘product_cat’,

            ‘taxonomies’ => ‘product_cat’

          )

        )

      ),

      ‘style’ => array(

        ‘type’    => ‘select’,

        ‘heading’ => ‘Style’,

        ‘default’ => ‘normal’,

        ‘options’ => array(

          ‘normal’      => ‘Normal’,

          ‘center’      => ‘Center’,

          ‘bold’        => ‘Left Bold’,

          ‘bold-center’ => ‘Center Bold’,

        ),

      ),

      ‘text’ => array(

        ‘type’       => ‘textfield’,

        ‘heading’    => ‘Title’,

        ‘default’    => ‘Lorem ipsum dolor sit amet…’,

        ‘auto_focus’ => true,

      ),

      ‘tag_name’ => array(

        ‘type’    => ‘select’,

        ‘heading’ => ‘Tag’,

        ‘default’ => ‘h3’,

        ‘options’ => array(

          ‘h1’ => ‘H1’,

          ‘h2’ => ‘H2’,

          ‘h3’ => ‘H3’,

          ‘h4’ => ‘H4’,

        ),

      ),

      ‘color’ => array(

        ‘type’     => ‘colorpicker’,

        ‘heading’  => __( ‘Color’ ),

        ‘alpha’    => true,

        ‘format’   => ‘rgb’,

        ‘position’ => ‘bottom right’,

      ),

      ‘width’ => array(

        ‘type’    => ‘scrubfield’,

        ‘heading’ => __( ‘Width’ ),

        ‘default’ => ,

        ‘min’     => 0,

        ‘max’     => 1200,

        ‘step’    => 5,

      ),

      ‘margin_top’ => array(

        ‘type’        => ‘scrubfield’,

        ‘heading’     => __( ‘Margin Top’ ),

        ‘default’     => ,

        ‘placeholder’ => __( ‘0px’ ),

        ‘min’         => 100,

        ‘max’         => 300,

        ‘step’        => 1,

      ),

      ‘margin_bottom’ => array(

        ‘type’        => ‘scrubfield’,

        ‘heading’     => __( ‘Margin Bottom’ ),

        ‘default’     => ,

        ‘placeholder’ => __( ‘0px’ ),

        ‘min’         => 100,

        ‘max’         => 300,

        ‘step’        => 1,

      ),

      ‘size’ => array(

        ‘type’    => ‘slider’,

        ‘heading’ => __( ‘Size’ ),

        ‘default’ => 100,

        ‘unit’    => ‘%’,

        ‘min’     => 20,

        ‘max’     => 300,

        ‘step’    => 1,

      ),

      ‘link_text’ => array(

        ‘type’    => ‘textfield’,

        ‘heading’ => ‘Link Text’,

        ‘default’ => ,

      ),

      ‘link’ => array(

        ‘type’    => ‘textfield’,

        ‘heading’ => ‘Link’,

        ‘default’ => ,

      ),

    ),

  ));

}

add_action(‘ux_builder_setup’, ‘ttit_add_element_ux_builder’);