Using Shortcodes with Beaver Builder

If you’re using Beaver Builder with Events Calendar Pro and want to integrate shortcodes, you may need a snippet to render the page as expected. Page builders often optimize the loading experience by prerendering code, and then render it again to display the code.  However, [tribe_events] can only load once per page.

A way to work around this is to use the snippet below. Add this snippet to either your child theme’s functions.php file or use the My Custom Functions plugin.

Please check out our guides:

• Best Practices for Implementing Custom Code Snippets
• Themer’s Guide

add_action( 'init', function() {
    add_shortcode( 'tribe_events', function( $atts ) {
        $shortcode = new Tribe__Events__Pro__Shortcodes__Tribe_Events( $atts );
        return $shortcode->output();
    } );
}, 100 );

Beaver Builder does integrate the Themer plugin with The Events Calendar to build layouts for your event needs without needing shortcodes.  Learn more at Beaver Builder Integrates with The Events Calendar.

Notes:

• Originally written in November 2017
• Tested with The Events Calendar 4.9.4

As with all of our recipes, please note that we share this in the hope it will be useful but without any guarantees or commitments. If you wish to use it, it is your responsibility to test it first of all and adapt it to your needs (or find someone who can do so on your behalf). We are unable to provide further support in relation to this recipe.