800,000+ WordPress sites are already using MetaSlider!

MetaSlider and Beaver Builder

MetaSlider has full support for the Beaver Builder plugin in WordPress. You can add MetaSlider slideshows to Beaver Builder layouts using either the “MetaSlider” widget or the “HTML” module.

When you’re using Beaver Builder, go to add a new item to your layout and choose “WordPress Widgets”. This allows you to search for and use the “MetaSlider” widget as in the screenshot below.

Adding the MetaSlider widget to Beaver Builder

On the left side of the screen you will be able to use the “Select Slider” option to choose your slideshow. There will be a live preview of the slideshow inside the Beaver Builder screen. This may not always be an accurate preview because the CSS for your site may be slightly different between the preview and the frontend of your site.

Adding MetaSlider slideshows to Beaver Builder

It’s also possible to use the MetaSlider shortcode together with Beaver Builder. The shortcode for each slideshow is available in the right sidebar when you’re in the “Home” area of MetaSlider. In this image below, you can see that the shortcode has an ID of 17.

The MetaSlider slideshows screen

Here is the documentation for using shortcodes in Beaver Builder. In this screenshot below, we’re using the HTML module in Beaver Builder.

HTML module in Beaver Builder

This next screenshot shows the MetaSlider shortcode inside the HTML module. If you use this approach, you will see a preview of the slideshow after you save the module.

Adding a shortcode to a Beaver Builder layout