Add a new multi element ( nested shortcode ) to Avada Builder

23/02/2021

To add a new multi-element to Avada Builder you have to register your shortcodes as usual. Add them to Avada Builder as new elements via available helper function below.

fusion_builder_map()

In the example below, you can see a multi-element being registered. fusion_checklist shortcode is registered as a parent by providing multi and element_child attributes to
fusion_builder_map() function.

Copy to Clipboard

function fusion_element_parent() {
    fusion_builder_map( array(
        'name'          => esc_attr__( 'Checklist', 'fusion-builder' ),
        'shortcode'     => 'fusion_checklist',
        'multi'         => 'multi_element_parent',
        'element_child' => 'fusion_li_item',
        'params'        => array(
            array(
                'type'        => 'tinymce',
                'heading'     => esc_attr__( 'Content', 'fusion-builder' ),
                'description' => esc_attr__( 'Enter some content for this contentbox.', 'fusion-builder' ),
                'param_name'  => 'element_content',
                'value'       => 'Default value',
            ),
        ),
    ) );
}
add_action( 'fusion_builder_before_init', 'fusion_element_parent' );

function fusion_element_child() {
    fusion_builder_map( array(
        'name'              => esc_attr__( 'List Item', 'fusion-builder' ),
        'description'       => esc_attr__( 'Enter some content for this textblock', 'fusion-builder' ),
        'shortcode'         => 'fusion_li_item',
        'hide_from_builder' => true,
        'params'            => array(
            array(
                'type'        => 'tinymce',
                'heading'     => esc_attr__( 'List Item Content', 'fusion-builder' ),
                'description' => esc_attr__( 'Add list item content.', 'fusion-builder' ),
                'param_name'  => 'element_content',
                'value'       => 'Default value',
                'placeholder' => true,
            ),
        ),
    ) );
}
add_action( 'fusion_builder_before_init', 'fusion_element_child' );