What is MetaSlider plugin?
MetaSlider is a WordPress slider plugin that lets you create responsive image sliders, carousels, and slideshows without writing code. It uses a drag-and-drop interface and supports multiple slide types including images, YouTube and Vimeo videos, HTML content, and WooCommerce product slides.
The plugin is built on top of established JavaScript slider libraries rather than a custom-built system. This means the output is predictable and the slides work consistently across browsers and devices. The free version is fully functional for basic image sliders. The Pro version adds more slide types, animation controls, layer slides with text overlays, and a theme builder for custom slide designs.
MetaSlider is a straightforward choice for sites that need a reliable slider without the overhead of more complex visual builders. It does not try to be a page builder extension — it does one thing and handles it well.
Need Help With MetaSlider Setup, Troubleshooting, or Customization?
Need help with MetaSlider? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.
Get MetaSlider Expert HelpKey Features
- Drag-and-drop slide management interface
- Multiple slide types including images and video
- Responsive output that works on mobile
- WooCommerce product slides (Pro)
- Layer slides with text and button overlays (Pro)
Pros & Cons
Pros
- Simple interface that beginners can use without help
- Reliable output across browsers and devices
- Free version covers most basic slider needs
Cons
- Advanced slide types and animations require Pro
- Layer slides for text overlays are Pro-only
Free vs Premium
MetaSlider Free includes image and video sliders, basic transition effects, responsive output, and shortcode or widget placement. MetaSlider Pro adds layer slides with draggable text and button overlays, HTML slides, WooCommerce product slides, post feed slides that pull from blog posts, additional transition effects, a theme builder for custom slide designs, and priority support. For basic image carousels, free is sufficient. For content-rich slides with text overlays, Pro is needed.
Common Problems & Fixes
My MetaSlider is not showing on the front end after adding the shortcode.
First confirm the shortcode is placed correctly and the slider has at least one published slide. Then check for JavaScript errors in your browser developer console — MetaSlider depends on JavaScript to initialise the slider, and a conflict with another plugin can prevent it from loading. Deactivate other plugins one at a time to identify conflicts. Also check that the slider is set to Published, not Draft, in MetaSlider settings.
MetaSlider images are not resizing correctly on mobile.
MetaSlider sliders are responsive by default, but image aspect ratios can cause layout issues on narrow screens. Go to your slider settings and check the slider width and height settings. If the height is set to a fixed pixel value, the images will be cropped rather than scaled proportionally. Try setting the height to Auto or enabling the Stretch option. Also ensure your images are large enough to display at the slider width without upscaling.
The MetaSlider arrows or navigation dots are not appearing.
Navigation arrows and dots are controlled in the slider settings under the Navigation section. Verify that arrows and dots are both enabled. If they are enabled but not visible, the issue is likely CSS — your theme may be hiding them or overriding their styles. Use browser developer tools to inspect the navigation elements and check for display: none or visibility: hidden styles being applied by the theme or another plugin.
Customization & Developer Notes
How do I add a text overlay to a MetaSlider image slide?
Text overlays on individual slides require MetaSlider Pro and the Layer Slides feature. With Pro, each slide has a layer editor where you can drag text blocks, buttons, and image elements onto the slide canvas and position them precisely. On MetaSlider Free, you cannot add text overlays to image slides natively — you would need to add text to the image itself in an image editor before uploading.
How do I place a MetaSlider on only certain pages?
MetaSlider outputs via shortcode, which you paste into any page or post content. It also provides a widget for sidebar placement. To show a slider on specific pages only, use the shortcode in the page content of those pages. For header or template-level placement on specific page templates, add the shortcode via PHP using do_shortcode() in the relevant template file in your child theme.
Frequently Asked Questions
How does MetaSlider compare to Smart Slider 3?
Smart Slider 3 is more feature-rich with a more powerful layer editor, more animation options, and a larger template library, but it is also more complex to configure. MetaSlider is simpler and faster to set up for basic sliders. Smart Slider 3 Pro is more expensive. For standard image carousels, MetaSlider is the faster setup. For complex animated slides with multiple content layers, Smart Slider 3 is more capable.
Do sliders hurt my PageSpeed score?
Yes, sliders typically reduce PageSpeed scores because they load multiple large images and JavaScript for animation. To minimise the impact: use WebP format images, size images to the exact slider dimensions before uploading, enable lazy loading for below-the-fold sliders, and limit the number of slides to what is actually needed. A slider on the homepage hero area has the most performance impact because it loads on initial page render.
Can MetaSlider display posts or WooCommerce products automatically?
Post feed slides and WooCommerce product slides are Pro features. With MetaSlider Pro, you can create a slider that automatically pulls from your latest posts, a specific category, or WooCommerce products. The slides update automatically as you publish new content without manually managing the slider. The free version requires manually managing each slide.
Is MetaSlider compatible with Elementor and other page builders?
Yes. MetaSlider outputs via shortcode, and all major page builders including Elementor, Beaver Builder, and Divi include a shortcode element. Paste the MetaSlider shortcode into the shortcode element to embed the slider in a page builder layout. Elementor Pro also has a dedicated MetaSlider widget if you have both plugins active.