800,000+ WordPress sites are already using MetaSlider!

MetaSlider and WPBakery

MetaSlider has full support for the WPBakery plugin. WPBakery is a popular page builder plugin with advanced design features, easy-to-use interface, and a drag-and-drop editor.

You can add MetaSlider slideshows to WPBakery layouts using the “Shortcode Mapper” feature in WPBakery.

  • Get the shortcode for your slideshow. 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
  • Go to WPBakery > Shortcode Mapper.
  • Click the “Map Shortcode” button.
  • Enter your MetaSlider shortcode.
  • Click the “Parse Shortcode” button.
WPBakery shortcodes
  • Give a name to this element. In the screenshot below, I’ve chosen “metaslider”.
  • Click the “Save” Changes” at the bottom of the screen.
Parse Shortcode button in WPBakery
  • When you’re editing a post or page with the Visual Composer, click the + icon.
  • Click the “My shortcodes” tab and your MetaSlider entry will be available for you to insert.
MetaSlider element in WPBakery
  • There will be a pop-up screen where you can confirm the ID of your MetaSlider slideshow.
ID for MetaSlider in WPBakery

There will be a live preview of the slideshow inside the WPBakery 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.

MetaSlider in WPBakery