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.
- Go to WPBakery > Shortcode Mapper.
- Click the “Map Shortcode” button.
- Enter your MetaSlider shortcode.
- Click the “Parse Shortcode” button.
- Give a name to this element. In the screenshot below, I’ve chosen “metaslider”.
- Click the “Save” Changes” at the bottom of the screen.
- 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.
- There will be a pop-up screen where you can confirm the ID of your MetaSlider slideshow.
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.