The Advanced Layout Builder saves its content separately from the content in the visual editor so that there is less chance of a small error causing your whole layout to an error. Sometimes however you may want to see the shortcodes that are building your content exactly so that you can copy and paste them elsewhere or something more advanced like nesting elements that don’t quite have support yet.

To do this, you need to enable the debug field for the Advanced Layout Builder. Adding the following to your child theme functions.php will do that:

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}

You should now see a new field under the Advanced Layout Builder with the live output of the elements as you add them using the drag and drop interface. Just be careful of editing things in that field as there are no checks or automatic corrections for missing punctuation or code.

If you are not using a child theme you need to add the above function after this line in the theme functions.php:

if(isset($avia_config['use_child_theme_functions_only'])) return;