# MetaSlider > Create Powerful WordPress Slideshows With MetaSlider, you can create a beautiful WordPress slider in minutes. These major brands trust MetaSlider The Most Powerful and Easy to Use WordPress Slider MetaSlider --- ## Pages - [MetaSlider Lightbox Pro Features](https://www.metaslider.com/lightbox-features/) - [MetaSlider is a Better Slideshow Plugin than Slider Revolution](https://www.metaslider.com/metaslider-vs-slider-revolution/) - [Lifetime subscriptions at MetaSlider](https://www.metaslider.com/lifetime-subscriptions/) - [MetaSlider Pre-Sales Questions](https://www.metaslider.com/presales/) - [MetaSlider Documentation](https://www.metaslider.com/docs/) - [MetaSlider Logo and Brand Materials](https://www.metaslider.com/brand/) - [Join the MetaSlider Affiliate Program](https://www.metaslider.com/affiliate-program/) - [MetaSlider Affiliate Area](https://www.metaslider.com/affiliate-area/) - [MetaSlider Communication Preferences](https://www.metaslider.com/communication-preferences/) - [Privacy Policy](https://www.metaslider.com/privacy-policy/) - [Shop](https://www.metaslider.com/shop/) - [Cart](https://www.metaslider.com/cart/) - [Complete Your Checkout](https://www.metaslider.com/checkout/) - [My account](https://www.metaslider.com/my-account/) - [Easy and Powerful MetaSlider Features](https://www.metaslider.com/features-2/) - [Easy and Powerful MetaSlider Features](https://www.metaslider.com/features/) - [Forgot Password](https://www.metaslider.com/forgot-password/) - [Update Password](https://www.metaslider.com/update-password/) - [Terms of Use](https://www.metaslider.com/terms-of-use/) - [Login](https://www.metaslider.com/login/) - [Send us a MetaSlider Support Question](https://www.metaslider.com/support-tickets/) - [MetaSlider Support](https://www.metaslider.com/support/) - [Home](https://www.metaslider.com/) - [MetaSlider Pricing](https://www.metaslider.com/upgrade/) - [MetaSlider Blog](https://www.metaslider.com/blog/) - [MetaSlider Lightbox Pricing](https://www.metaslider.com/upgrade-lightbox/) --- ## Posts - [What's New at MetaSlider in December 2025?](https://www.metaslider.com/new-metaslider-december-2025/) - [What's New at MetaSlider in November 2025?](https://www.metaslider.com/metaslider-november-2025/) - [Add Captions to YouTube and Vimeo Slides in MetaSlider](https://www.metaslider.com/captions-youtube-vimeo-slides/) - [MetaSlider in October is All About WooCommerce](https://www.metaslider.com/metaslider-october-2025/) - [How to Use the Container Feature in MetaSlider](https://www.metaslider.com/container/) - [Allow Images Larger than 2560 Pixels in WordPress](https://www.metaslider.com/allow-images-larger-2560-pixels-wordpress/) - [MetaSlider Lightbox 2.0 is Now Available](https://www.metaslider.com/metaslider-lightbox-20/) - [Lazy Load for Images in MetaSlider Slideshows](https://www.metaslider.com/lazy-load-slides/) - [Automatically Show All Post Images in a Slideshow](https://www.metaslider.com/automatically-show-all-post-images-in-a-slideshow/) - [What's New at MetaSlider in September 2025](https://www.metaslider.com/september-2025/) - [How to Use Repeating Slides in MetaSlider](https://www.metaslider.com/how-to-use-repeating-slides-in-metaslider/) - [How to Stop Upscaling of Small Photos in MetaSlider](https://www.metaslider.com/small-photos-metaslider/) - [5 Reasons to Hide Your Slideshow Slides](https://www.metaslider.com/why-hide-slideshow-slides/) - [How to Use MetaSlider’s Transition Effects](https://www.metaslider.com/metaslider-transition-effects/) - [Customize Your MetaSlider Slideshows for Any Device Size](https://www.metaslider.com/metaslider-any-device-size/) - [New Features and Themes at MetaSlider in August](https://www.metaslider.com/august-updates/) - [Create an Image Carousel With a Large Hero Image](https://www.metaslider.com/image-carousel-hero-image/) - [Troubleshooting Touch Swipe With MetaSldier Slideshows](https://www.metaslider.com/touch-swipe-2/) - [It's Now Super-Easy to Add Buttons to MetaSlider Slideshows](https://www.metaslider.com/june-updates/) - [How to Create a Text and Image Carousel in WordPress](https://www.metaslider.com/create-image-text-carousel/) - [How to Use HEIC Images in WordPress](https://www.metaslider.com/heic-files-wordpress/) - [Using the Ken Burns Effect with MetaSlider Slideshows](https://www.metaslider.com/ken-burns-effect-metaslider-slideshows/) - [Image Size Recommendations for WordPress Slideshows](https://www.metaslider.com/image-size-recommendations-slideshows/) - [It's Now Super-Easy to Change MetaSlider Themes](https://www.metaslider.com/april-metaslider/) - [How to Use Animation on WordPress Slideshows](https://www.metaslider.com/animation-wordpress-slideshows/) - [MetaSlider Has New Theme Features and Admin Tools](https://www.metaslider.com/metaslider-march-2025/) - [What's New in MetaSlider in February?](https://www.metaslider.com/new-sorting-options/) - [How to Add Rounded Corners to MetaSlider Images](https://www.metaslider.com/rounded-corners/) - [Introducing the New MetaSlider Theme Editor](https://www.metaslider.com/new-metaslider-theme-editor/) - [How to Create a Vertical Slideshow in MetaSlider](https://www.metaslider.com/vertical-slideshow/) - [The MetaSlider 2024 Year in Review](https://www.metaslider.com/2024-review/) - [MetaSlider Has a New and Improved Theme Editor](https://www.metaslider.com/new-theme-editor-progress-bar/) - [MetaSlider Has Improved Color Controls and Higher-Quality Images](https://www.metaslider.com/color-controls-high-quality-images/) - [Welcome to the New MetaSlider Website](https://www.metaslider.com/new-metaslider-website/) - [How to Use WebP Images in WordPress](https://www.metaslider.com/webp-images-wordpress-metaslider/) - [How to Create SEO Friendly Slideshows in WordPress](https://www.metaslider.com/seo-friendly-slideshows-wordpress/) - [MetaSlider Has New Color Controls and Admin Upgrades](https://www.metaslider.com/new-color-controls-admin-upgrades/) - [How We Approach Backwards Compatibility at MetaSlider](https://www.metaslider.com/backwards-compatibility/) - [MetaSlider Has New Themes, Design Features, and Video Upgrades](https://www.metaslider.com/new-themes-design-features/) - [Best Video Hosting Platforms for WordPress Slideshows](https://www.metaslider.com/video-hosting-platforms-for-wordpress-slideshows/) - [How to Build an Accessible WordPress Slideshow](https://www.metaslider.com/accessible-wordpress-slideshow/) - [Create Your Own Slideshow Themes With MetaSlider](https://www.metaslider.com/theme-editor/) - [How to Use TikTok Videos in WordPress](https://www.metaslider.com/tiktok-wordpress/) - [Create Slideshows for WordPress and WooCommerce Categories](https://www.metaslider.com/slideshows-tags-categories/) - [MetaSlider Has Support for TikTok, Plus Play / Pause Buttons](https://www.metaslider.com/metaslider-june/) - [MetaSlider Has New Themes and Accessibility Features](https://www.metaslider.com/new-themes-accessibility/) - [The Best WordPress Activity Log Plugin: Logtivity](https://www.metaslider.com/wordpress-activity-log/) - [Can You Use SVG Images in WordPress and MetaSlider?](https://www.metaslider.com/svg-images/) - [How to Create a YouTube Video Slideshow in WordPress](https://www.metaslider.com/video-slideshow/) - [How to Use Easing for MetaSlider Slideshows](https://www.metaslider.com/easing-flexslider/) - [Gerard From Accelera Talks WordPress Site Speed](https://www.metaslider.com/accelera-wordpress-site-speed/) - [How to Use the Font Library in WordPress](https://www.metaslider.com/font-library-wordpress/) - [How to Create The Events Calendar Slideshows](https://www.metaslider.com/the-events-calendar-slideshows/) - [MetaSlider Has New Loop and Mobile Features](https://www.metaslider.com/metaslider-march/) - [Is MetaSlider the Fastest WordPress Slideshow Plugin?](https://www.metaslider.com/fastest-wordpress-slideshow-plugin/) - [How to Add the Date and Time to MetaSlider Slideshows](https://www.metaslider.com/date-time-slideshows/) - [How to Use AVIF Images in WordPress](https://www.metaslider.com/avif-images-wordpress/) - [MetaSlider Has New Editor and Duplicate Slide Improvements](https://www.metaslider.com/february-release/) - [Solve the Incompatible Archive Problem in WordPress](https://www.metaslider.com/incompatible-archive-problem-wordpress/) - [How to Add Categories to WordPress Pages](https://www.metaslider.com/how-to-add-categories-to-wordpress-pages/) - [How to Add Buttons on a MetaSlider Slideshow](https://www.metaslider.com/menus-buttons-on-metaslider/) - [Touch Swipe on WordPress Photo Galleries and Slideshows](https://www.metaslider.com/touch-swipe/) - [MetaSlider Has New Screen Size Options for Slides](https://www.metaslider.com/metaslider-has-screen-size-options-for-slideshows/) - [The MetaSlider 2023 Year in Review](https://www.metaslider.com/2023-review/) - [MetaSlider Now Has a Better Admin Area and Mobile Options](https://www.metaslider.com/metaslider-admin-mobile/) - [What File Types Can You Upload in WordPress?](https://www.metaslider.com/file-uploads/) - [How to Create a Full-Screen Slideshow with MetaSlider](https://www.metaslider.com/full-screen-slideshow/) - [Stop AdBlock Blocking Images on Your WordPress Site](https://www.metaslider.com/adblock-wordpress/) - [How to Create Divi Theme Slideshows With MetaSlider](https://www.metaslider.com/metaslider-divi/) - [Should You Use Google AMP With WordPress?](https://www.metaslider.com/use-amp-wordpress/) - [A New Lightbox for the WordPress Block Editor](https://www.metaslider.com/block-editor-lightbox/) - [How to Add VTT Captions to WordPress Videos](https://www.metaslider.com/vtt-webvtt-captions/) - [MetaSlider Now Supports Video Captions and External Videos](https://www.metaslider.com/external-video-schedule/) - [Using the WordPress Photo Directory for Stock Photos](https://www.metaslider.com/wordpress-photo-directory/) - [MetaSlider Has an Improved Admin Design](https://www.metaslider.com/improved-admin-design/) - [Auto Play for Videos on Mobile Devices](https://www.metaslider.com/auto-play-video-on-mobile/) - [MetaSlider Pro Has an Improved Theme Editor](https://www.metaslider.com/new-theme-editor/) - [How to Use Aspect Ratios for WordPress Images](https://www.metaslider.com/aspect-ratios/) - [How to Use Openverse Stock Photos in WordPress](https://www.metaslider.com/openverse-integration/) - [Filmstrip or ThumbNails Navigation With MetaSlider](https://www.metaslider.com/filmstrip-thumbnails/) - [How to Use WordPress Duotone Filters](https://www.metaslider.com/wordpress-duotone-filters/) - [Media Library Upgrades for WordPress in Gutenberg Phase 3](https://www.metaslider.com/media-manager-gutenberg-phase-3/) - [MetaSlider Now Supports Local Video Slides](https://www.metaslider.com/local-video-slides/) - [Where is Media Data Stored in the WordPress Database?](https://www.metaslider.com/media-wordpress-database/) - [Improved Ways to Delete Slides and Slideshows in MetaSlider](https://www.metaslider.com/delete-slides-slideshows-metaslider/) - [How to Use Advanced Custom Fields (ACF) With MetaSlider](https://www.metaslider.com/acf-metaslider/) - [MetaSlider Now Supports YouTube Shorts](https://www.metaslider.com/youtube-shorts/) - [How to Create a WooCommerce Slideshow of Products](https://www.metaslider.com/woocommerce-products-slideshow/) - [New Quick Start and Slideshow Screens in MetaSlider](https://www.metaslider.com/new-screens/) - [5 Free WordPress Stock Photo Sites](https://www.metaslider.com/wordpress-stock-photos/) - [Create a WordPress Carousel Slideshow With Partial Images](https://www.metaslider.com/carousel-slider-partial-images/) - [How to Increase Security While Developing a WordPress Site](https://www.metaslider.com/how-to-increase-security-while-developing-a-wordpress-site/) - [WordPress and Openverse for Stock Photos](https://www.metaslider.com/openverse/) - [How to Use Unsplash Images with WordPress and MetaSlider](https://www.metaslider.com/unsplash-photos-wordpress/) - [How to Create a WordPress Post Slideshow](https://www.metaslider.com/post-feed-slideshow/) - [Show Portrait and Landscape Images Together in MetaSlider](https://www.metaslider.com/portrait-landscape-images-together-metaslider/) - [How to Show Portrait and Landscape Images Together in MetaSlider](https://www.metaslider.com/portrait-landscape-images-together-metaslider/) - [There's a New MetaSlider Demo Site](https://www.metaslider.com/theres-a-new-metaslider-demo-site/) - [Create a WordPress Slider With Thumbnail Navigation](https://www.metaslider.com/slider-thumbnail-navigation/) - [How to Create Local Video Slideshows in MetaSlider](https://www.metaslider.com/local-videos/) - [MetaSlider is Joining the PublishPress Team](https://www.metaslider.com/metaslider-publishpress/) --- ## Docs - [WP Super Cache and MetaSlider](https://www.metaslider.com/docs/wp-super-cache-metaslider/) - [How to Open YouTube Videos in a Lightbox Modal](https://www.metaslider.com/docs/youtube-videos-lightbox-modal/) - [How to Open Vimeo Videos in a Lightbox Modal](https://www.metaslider.com/docs/vimeo-videos-lightbox-modal/) - [How to Open Local Videos in a Lightbox Modal](https://www.metaslider.com/docs/video-lightbox/) - [How to Open Images in a Lightbox Modal](https://www.metaslider.com/docs/images-lightbox-modal/) - [How to Open Image Galleries in a Lightbox Modal](https://www.metaslider.com/docs/image-galleries-lightbox-modal/) - [How to Find Error Messages for MetaSlider](https://www.metaslider.com/docs/error-messages/) - [Introduction to the MetaSlider Lightbox Plugin](https://www.metaslider.com/docs/metaslider-lightbox-plugin/) - [Design Options for MetaSlider Lightbox](https://www.metaslider.com/docs/design-options-for-metaslider-lightbox/) - [Introduction to WooCommerce Slides (Pro)](https://www.metaslider.com/docs/woocommerce-slides/) - [Captions for Video Slides (Pro)](https://www.metaslider.com/docs/captions-for-video-slides/) - [Lazy Load for Images and Videos](https://www.metaslider.com/docs/lazy-load-for-images/) - [Customize the Slideshow Container (Pro)](https://www.metaslider.com/docs/customize-the-slideshow-container/) - [How to Repeat Slides in MetaSlider (Pro)](https://www.metaslider.com/docs/repeat-slides/) - [Introduction to Post Images Slides (Pro)](https://www.metaslider.com/docs/post-images-slides/) - [Ken Burns Effect (Pro)](https://www.metaslider.com/docs/ken-burns-effect-pro/) - [How to Hide Slides in MetaSlider](https://www.metaslider.com/docs/hide-slides/) - [How to Customize the Slide Delay (Pro)](https://www.metaslider.com/docs/advanced-slide-options/) - [LiteSpeed Cache and MetaSlider](https://www.metaslider.com/docs/litespeed/) - [Add Buttons to Captions](https://www.metaslider.com/docs/add-buttons/) - [How to Create a Text and Image Carousel](https://www.metaslider.com/docs/create-image-carousel/) - [Hide Elements in Layer Sliders for Some Devices (Pro)](https://www.metaslider.com/docs/hide-elements-layer/) - [Introduction to Image Folder Slides (Pro)](https://www.metaslider.com/docs/image-folder-slides/) - [Image Sources for Post Feed Slides (Pro)](https://www.metaslider.com/docs/image-sources-for-post-feed-slides/) - [Hide Caption Elements on Screen Sizes](https://www.metaslider.com/docs/hide-caption-elements/) - [WP Rocket and MetaSlider](https://www.metaslider.com/docs/wprocket-and-metaslider/) - [Introduction to Custom HTML Slides (Pro)](https://www.metaslider.com/docs/introduction-to-custom-html-slides/) - [MetaSlider and SiteOrigin](https://www.metaslider.com/docs/metaslider-and-siteorigin/) - [Progress Bar Navigation in MetaSlider](https://www.metaslider.com/docs/progress-bar-navigation-in-metaslider/) - [Paperwork for MetaSlider Users](https://www.metaslider.com/docs/paperwork/) - [How to Add Custom CSS Classes](https://www.metaslider.com/docs/how-to-add-custom-css-classes/) - [Display the Image Title Attribute Above the Image](https://www.metaslider.com/docs/display-image-title-attribute-above-image-in-flexslider-for-metaslider/) - [Autoptimize and MetaSlider](https://www.metaslider.com/docs/autoptimize-and-metaslider/) - [MetaSlider and Bricks Builder](https://www.metaslider.com/docs/metaslider-and-bricks-builder/) - [Play / Pause Button](https://www.metaslider.com/docs/play-pause-button/) - [Smush Image Optimization and WordPress](https://www.metaslider.com/docs/smush-image-optimization-and-wordpress/) - [Introduction to TikTok Slides (Pro)](https://www.metaslider.com/docs/introduction-to-tiktok-slides/) - [MetaSlider and Unsplash](https://www.metaslider.com/docs/unsplash/) - [MetaSlider and WPBakery](https://www.metaslider.com/docs/wpbakery/) - [How to Collect Statistics for Slideshows](https://www.metaslider.com/docs/how-to-collect-statistics-for-slideshows/) - [Recommended Height and Width Settings for Slides](https://www.metaslider.com/docs/height-width/) - [Accessibility Options in MetaSlider](https://www.metaslider.com/docs/accessibility/) - [Legacy Slideshow Options](https://www.metaslider.com/docs/legacy-slideshow-options/) - [Dynamic Slideshows For Taxonomies (Pro)](https://www.metaslider.com/docs/dynamic-slideshows-for-taxonomies/) - [Create a Custom MetaSlider Theme](https://www.metaslider.com/docs/custom-metaslider-theme/) - [MetaSlider and the Site Editor](https://www.metaslider.com/docs/full-site-editor/) - [How to Use Tags and Categories in Post Feed Slides (Pro)](https://www.metaslider.com/docs/tags-categories-post-feed/) - [WP-Optimize and MetaSlider](https://www.metaslider.com/docs/wp-optimize/) - [W3 Total Cache and MetaSlider](https://www.metaslider.com/docs/w3-total-cache/) - [WP Fastest Cache and MetaSlider](https://www.metaslider.com/docs/wp-fastest-cache/) - [Multilingual Slideshows With MetaSlider And WPML](https://www.metaslider.com/docs/wpml/) - [MetaSlider and the Classic Editor Plugin](https://www.metaslider.com/docs/metaslider-classic-editor/) - [Touch Swipe for Mobile Devices](https://www.metaslider.com/docs/touch-swipe/) - [Device Settings (Smartphone / Tablet / Laptop / Desktop)](https://www.metaslider.com/docs/mobile-tab/) - [Transition Effects](https://www.metaslider.com/docs/effects/) - [Image Animation Effects](https://www.metaslider.com/docs/transition-easing-effects/) - [How to Build a Carousel Slideshow](https://www.metaslider.com/docs/carousel-slideshow/) - [Image Crop Options](https://www.metaslider.com/docs/image-crop-options/) - [MetaSlider and Divi Theme and Builder](https://www.metaslider.com/docs/metaslider-divi/) - [MetaSlider and Beaver Builder](https://www.metaslider.com/docs/metaslider-beaver-builder/) - [MetaSlider and Visual Composer](https://www.metaslider.com/docs/metaslider-visual-composer/) - [MetaSlider and the Gutenberg Block Editor](https://www.metaslider.com/docs/metaslider-gutenberg/) - [Video Text Track (VTT) Captions for Local Videos (Pro)](https://www.metaslider.com/docs/video-captions-for-local-videos/) - [Video Text Track (VTT) Captions for External Videos (Pro)](https://www.metaslider.com/docs/video-captions-for-external-videos/) - [Introduction to External Video Slides (Pro)](https://www.metaslider.com/docs/intro-external-video-slides/) - [Enable or Disable the Frontend Editing Links in MetaSlider](https://www.metaslider.com/docs/frontend-editing-links/) - [Full Screen Slideshows with MetaSlider](https://www.metaslider.com/docs/full-screen-slider/) - [How to Build the Image Slider Demo](https://www.metaslider.com/docs/image-slider-demo/) - [How to Build the Image Carousel Slider Demo](https://www.metaslider.com/docs/carousel-slider-demo/) - [How to Build the Vimeo Slider Demo](https://www.metaslider.com/docs/vimeo-slider-demo/) - [How to Build the YouTube Slider Demo](https://www.metaslider.com/docs/youtube-slider-demo/) - [How to Build the External URL Slider Demo](https://www.metaslider.com/docs/external-url-slider-demo/) - [How to Build the Post Feed Slider Demo](https://www.metaslider.com/docs/post-feed-slider-demo/) - [How to Build the Layer Slider Demo](https://www.metaslider.com/docs/layer-slider-demo/) - [How to Build the WooCommerce Slider Demo](https://www.metaslider.com/docs/woocommerce-slider-demo/) - [How to Build the Lightbox Slider Demo](https://www.metaslider.com/docs/lightbox-slider-demo/) - [How to Build the Local Video Slider Demo](https://www.metaslider.com/docs/local-video-slider-demo/) - [How to Build the Events Calendar Slider Demo](https://www.metaslider.com/docs/events-calendar-slider-demo/) - [How to Build the Custom Caption Slider Demo](https://www.metaslider.com/docs/custom-caption-slider-demo/) - [How to Add Animations to Layer Slides (Pro)](https://www.metaslider.com/docs/animations-layer-slides/) - [How to Add Shortcodes in Layer Slides (Pro)](https://www.metaslider.com/docs/shortcodes-layer-slider/) - [Introduction to Captions in MetaSlider](https://www.metaslider.com/docs/captions/) - [Dots Navigation in MetaSlider](https://www.metaslider.com/docs/dots-navigation/) - [Numbers Navigation in MetaSlider](https://www.metaslider.com/docs/numbers-navigation/) - [Arrows Navigation in MetaSlider](https://www.metaslider.com/docs/arrows-navigation/) - [Introduction to Local Video Slides (Pro)](https://www.metaslider.com/docs/introduction-to-local-video-slides/) - [What YouTube URL Formats Can You Use in MetaSlider?](https://www.metaslider.com/docs/youtube-url-formats/) - [Filmstrip Navigation With MetaSlider (Pro)](https://www.metaslider.com/docs/filmstrip-navigation/) - [MetaSlider and Advanced Custom Fields (Pro)](https://www.metaslider.com/docs/advanced-custom-fields-metaslider/) - [MetaSlider Database Information](https://www.metaslider.com/docs/metaslider-database-information/) - [My MetaSlider License Won't Connect](https://www.metaslider.com/docs/metaslider-license-wont-connect/) - [How to Use MetaSlider Pro Licenses](https://www.metaslider.com/docs/licenses/) - [Extra Break Tags Appearing in Slideshows](https://www.metaslider.com/docs/extra-break-tags/) - [Is MetaSlider GDPR Compliant?](https://www.metaslider.com/docs/gdpr/) - [How to Use Custom Fields in Post Feed Slides (Pro)](https://www.metaslider.com/docs/how-to-use-custom-fields-in-post-feed-slides/) - [Slide Looping Options in MetaSlider](https://www.metaslider.com/docs/slide-looping-options-in-metaslider/) - [How to Remove White Space Under Slideshows](https://www.metaslider.com/docs/how-to-remove-white-space-under-slideshows/) - [MetaSlider Pro and Multisite Licenses](https://www.metaslider.com/docs/multisite-license/) - [How to Cancel MetaSlider Pro](https://www.metaslider.com/docs/cancel-metaslider/) - [How to Change MetaSlider Caption Styles](https://www.metaslider.com/docs/change-caption-styles/) - [How to Add MetaSlider Slideshows to Your Site](https://www.metaslider.com/docs/how-to-add-metaslider/) --- # # Detailed Content ## Pages MetaSlider Lightbox Pro You can show WordPress images, videos, and slideshows in a stylish lightbox. Our Users Love MetaSlider Over 800,000 WordPress sites trust MetaSlider to make their websites more dynamic and to better engage their audience. Advanced Zoom, Rotate and Fullscreen Controls Give your visitors powerful tools to explore your media with precision. They can zoom in, rotate images, and switch to fullscreen mode. Thumbnail Navigation for Image Galleries Make browsing fast and intuitive with a thumbnail strip beneath the main image. Visitors can jump instantly between images or videos for a richer gallery experience. Seamless MetaSlider Integration Make your slideshows look amazing with lightbox support. Users can enlarge any MetaSlider slide in a high-quality, interactive lightbox view. Customizable Navigation Icons and Styles Match the lightbox to your brand with customizable icons, overlays, and animation styles. Choose the look that fits your website’s design perfectly. Social Sharing and Deep Linking Enable visitors to share specific images or videos with a single click. Deep links open the lightbox directly to the right slide. This is ideal for portfolios and product showcases. Full Video Lightbox Support Display YouTube, Vimeo, and self-hosted MP4 videos in a clean, distraction-free lightbox. Perfect for showcasing tutorials, product demos, and promotional clips. We also loaded MetaSlider with the most powerful slider features, including intelligent image cropping, and a live theme editor. Lightboxes for Images, Galleries and Videos Instantly enhance your media with a modern, responsive lightbox. Seamless MetaSlider Integration Clicking any slide opens a larger, high-quality... --- In this guide, we'll compare the MetaSlider and Slider Revolution plugins. We'll examine features, ease-of-use, performance, and pricing so you can choose the right slider for your site. Look, let's be honest: you're on the MetaSlider website. We're going to recommend MetaSlider. But our aim is to give you accurate details so you choose with confidence. Here are five great reasons to choose MetaSlider rather than Slider Revolution. 1. MetaSlider has a free version available If you're unsure which plugin is better for you, the best place to start is by installing the free version of MetaSlider from WordPress. org. You will need to open your wallet to try Slider Revolution. If you the free version of MetaSlider has enough features, you can keep using it for ever. If you decide you want more features, you can upgrade to MetSlider Pro with confidence. There's a 30-day money back guarantee. 2. MetaSlider is fast and lightweight Yes. MetaSlider is probably the fastest slideshow plugin available for WordPress. But you don’t need to take our word on this because other WordPress experts agree. Check out this guide from WP Rocket. They are an independent company whose team specializes in helping you build fast WordPress sites. WP Rocket reports that MetaSlider has repeatedly won in their testing. It is the fastest and lightest slideshow plugin. Here’s a guide from Accelera which ends with this description: “Among the competitors, MetaSlider performs the best in terms of optimization. It significantly reduces CSS and JavaScript loading,... --- We do NOT sell lifetime licenses for the MetaSlider plugins. This decision is based on over 20 years of experience selling software online. This post gives 5 reasons why we came to this decision. Reason #1. What does "lifetime" even mean? That is a serious question. What does the word “lifetime” mean when talking about software? Are we talking about the lifetime of the product? The lifetime of the user? How about the lifetime of the developers or the business? And how do they handle support over all those years? We rarely hear a clear and up-front answer on this. Almost everyone selling "lifetime" access has small print that greatly limits what you actually get. Reason #2. Lifetime licenses are a terrible business model The “lifetime” business model is broken. If you buy a lifetime license, you immediately become a burden on the business that sells you the license. You are not a customer. You are only an expense. This business model only works if the majority of their customers quickly abandon their product. Many developers realize this only after they sell "lifetime" licenses and they end up abandoning their “lifetime” products. Developers who sell lifetime subscriptions just can not afford to produce high-quality, long-lasting software. Reason #3. Lifetime licenses lead to abandoned plugins WordPress plugin development is not a one-off task. It's impossible to sell a plugin once and then keep up development forever. Plugins require continuous maintenance and development. Our team needs to upgrade the code for every... --- Please use this form only if you plan to join MetaSlider and have question before buying the plugin. If you have a bug report or a technical support question, please use one of these options. --- Here are copies of the MetaSlider logo and brand details. You’re welcome to use them when mentioning MetaSlider in news articles or for events. MetaSlider Description With MetaSlider, you can create a beautiful slideshows in minutes. With MetaSlider, enhancing website couldn’t be easier! Simply select images, photos, videos and more from your WordPress Media Library, and drag-and-drop them into place. You can then set the slide captions, links, and SEO fields, and more. MetaSlider slideshows are compatible with the WordPress Block Editor (Gutenberg), plus all page-builder plugins. MetaSlider Logos Download orange logo Download blue logo Download square logo MetaSlider Colors The MetaSlider brand colors are orange and blue. These are the HEX and RGB values for the colors: #dd6923rgb(221,105,35) #29375brgb(41,55,91) #016fb9rgb(1,111,185) --- Do you want to make money by partnering with MetaSlider? We will pay you 35% commission for any referrals you send to MetaSlider. So if a customer follows your link and signs up for a $100 membership at MetaSlider, we'll send you $35. And what's even better is that the commissions are recurring. So you will earn 35% every year that the customer renews with MetaSlider. Click here to sign up as an affiliate Why promote MetaSlider? MetaSlider is one of the most popular and well-regarded plugins in WordPress. MetaSlider is active on over 800,000 websites. The MetaSlider plugin is easy-to-use and is requires no coding knowledge. When you refer people to MetaSlider, we promise they will use the plugin and be satisfied with their experience. More details on the MetaSlider affiliate program Payouts are made soon after the 1st of each month. Because we have a 30 day refund payment, affiliate payments are made 30 days in arrears. The minimum payout is $50. We are careful about the sites we accept as affiliates. The key thing to understand is that we're looking for affiliate partners who are part of the WordPress community. We're looking for partners to promote MetaSlider via blog posts, videos, and other WordPress-related content. Here are some examples of affiliate referrals that will be rejected: Referrals from coupon sites. Referrals from Google Adwords or other advertising programs. Referrals with no tracking data. Referrals for your own purchases. --- Register a new affiliate account Your Name Username Account Email Payment Email Website URL How will you promote us? --- MetaSlider LLC (collectively with its subsidiaries, “MetaSlider,” “Company,” “we,” “us,” and “our”) respects your privacy and is committed to protecting your privacy through our compliance with this Website Privacy Policy (the “Policy”). This Policy should be read in conjunction with our Terms of Use, into which this Policy is incorporated by reference. This Policy describes: The types of information we collect from you or that you may provide when you visit our website available at: https://www. metaslider. com, as well as any websites and blogs directly owned by MetaSlider (collectively, our “Website”), or when you use our software (the “Software,” and together with the Website, the “Platforms”). Our practices for collecting, using, maintaining, protecting, and disclosing that information. This Policy applies to information we collect on the Platforms or in emails and other electronic messages between you and the Platforms, and information gathered when you interact with our advertising on third-party websites if such advertisements include links to this Policy. Please read this Policy carefully to understand our practices regarding your information and how we will treat it. If you do not agree with our policies and practices, then please do not use our Platforms. By using our Platforms, you agree to the terms of this Policy. This Policy may change from time to time (see below, “Changes to this Policy”). Your continued use of our Platforms after we make changes is deemed to be acceptance of those changes, so please check the Policy periodically for updates. What We Collect... --- Cart Summary Remove item Thumbnail image Product Price Quantity Subtotal × MetaSlider Lightbox Pro - 1 site $79. 00 / year MetaSlider Lightbox Pro - 1 site quantity $79. 00 / year Coupon: Apply coupon Update cart Cart totals Subtotal $79. 00 -$39. 50 Total $39. 50 Recurring totals Subtotal $79. 00 / year Recurring total $79. 00 / yearFirst renewal: January 25, 2027 Proceed to checkout --- Congrats, you save 50% on MetaSlider Pro Enjoy a 50% discount on your first year of using the #1 WordPress slideshow plugin Congrats, you save 50% on MetaSlider Lightbox Pro Enjoy a 50% discount on your first year of using the #1 WordPress lightbox plugin 30 day money back guaranteeTry MetaSlider risk-free for 30 days. If MetaSlider is not the right solution for you, we will happily refund 100% of your money! --- Upload failed. Maximum allowed size is 2 MB. Steve Burge Logout Dashboard Licences and Downloads Orders Addresses Payment Methods Subscriptions Account Details Create a Support Question Logout Hello Steve Burge (not Steve Burge? Log out) From your account dashboard you can view your recent orders, manage your billing address, and edit your password and account details. Thanks for using MetaSlider, the most popular slider for WordPress. If you want to talk with us, please click here to send us support question. --- MetaSlider Pro Features MetaSlider is the #1 WordPress slider plugin, with many helpful and powerful features. Our Users Love MetaSlider Over 800,000 WordPress sites trust MetaSlider to make their websites more dynamic and to better engage their audience. Create Beautiful Sliders in Minutes Build fully responsive sliders with an intuitive drag-and-drop interface. Add images, videos, and HTML slides quickly — no coding required. Mobile-Ready and Fully Responsive Your sliders look great on every device. MetaSlider automatically adapts images and layout for phones, tablets, and desktops. Smart Crop for Perfect Composition Ensure your images always display their most important areas. Smart Crop adjusts cropping intelligently for clean, professional-looking slides. Video & Layer Support for Rich Slides Enhance your sliders with YouTube, Vimeo, and MP4 videos — or create interactive Layer Slides featuring animated text, buttons, and images. Seamless Gutenberg & Page Builder Integration Insert sliders anywhere using the MetaSlider block or integrations with Elementor, Beaver Builder, Divi, and other popular builders. Dynamic WooCommerce Product Slides Create slides that automatically pull product details from WooCommerce, including product images, titles, prices, and links. Perfect for building up-to-date product sliders without manually managing individual slides. We also loaded MetaSlider with the most powerful slider features, including intelligent image cropping, and a live theme editor. Easily Build Beautiful Slideshows MetaSlider has a beautiful, intuitive interface that will let you create stunning slideshows with ease. Ready for Gutenberg Blocks MetaSlider has been designed to work seamlessly with the new Gutenberg WordPress block editor. Built for Desktop... --- MetaSlider Slideshow Pro MetaSlider is the #1 WordPress slider plugin, with many helpful and powerful features. Our Users Love MetaSlider Over 800,000 WordPress sites trust MetaSlider to make their websites more dynamic and to better engage their audience. Create Beautiful Sliders in Minutes Build fully responsive sliders with an intuitive drag-and-drop interface. Add images, videos, and HTML slides quickly — no coding required. Mobile-Ready and Fully Responsive Your sliders look great on every device. MetaSlider automatically adapts images and layout for phones, tablets, and desktops. Smart Crop for Perfect Composition Ensure your images always display their most important areas. Smart Crop adjusts cropping intelligently for clean, professional-looking slides. Video & Layer Support for Rich Slides Enhance your sliders with YouTube, Vimeo, and MP4 videos — or create interactive Layer Slides featuring animated text, buttons, and images. Seamless Gutenberg & Page Builder Integration Insert sliders anywhere using the MetaSlider block or integrations with Elementor, Beaver Builder, Divi, and other popular builders. Dynamic WooCommerce Product Slides Create slides that automatically pull product details from WooCommerce, including product images, titles, prices, and links. Perfect for building up-to-date product sliders without manually managing individual slides. We also loaded MetaSlider with the most powerful slider features, including intelligent image cropping, and a live theme editor. Easily Build Beautiful Slideshows MetaSlider has a beautiful, intuitive interface that will let you create stunning slideshows with ease. Ready for Gutenberg Blocks MetaSlider has been designed to work seamlessly with the new Gutenberg WordPress block editor. Built for Desktop... --- Forgot Password - MetaSlider Special offer: Save 50% on MetaSlider Pro today! Get MetaSlider Skip to content Slideshow Pricing Documentation Blog Lightbox Support Login Get MetaSlider Search Toggle Menu Forgot Password #1 WordPress Slider Create easy and powerful sliders in minutes Get MetaSlider Now Recent Posts What’s New at MetaSlider in December 2025? What’s New at MetaSlider in November 2025? Add Captions to YouTube and Vimeo Slides in MetaSlider MetaSlider in October is All About WooCommerce How to Use the Container Feature in MetaSlider Let's Connect Facebook YouTube RSS Feed Start Using Your Slider Today! Create and publish WordPress slideshows in minutes… What are you waiting for? Get MetaSlider Now What’s New at MetaSlider in December 2025?December 17, 2025 What’s New at MetaSlider in November 2025?November 23, 2025 Add Captions to YouTube and Vimeo Slides in MetaSliderNovember 5, 2025 MetaSlider in October is All About WooCommerceOctober 24, 2025 How to Use the Container Feature in MetaSliderOctober 11, 2025 1stmeridian Love it. Thank you! I tried three other sliders and had problems with all. Finally this one does what it should and is easy to work with! Love it. Thank you! Germars This does exactly what it promised to do. I was struggling with DIVI’s built in slider and this does exactly what it promised to do.Thank you. Helpful LinksMetaSlider Demos Support Pre-Sales Questions Plans & Pricing Lifetime Subscriptions Our ProjectsPublishPress TaxoPress Logtivity Brand Terms of Use Privacy Policy © 2026 MetaSlider LLC RSS Facebook YouTube Slideshow Pricing Documentation Blog Lightbox... --- Update Password - MetaSlider Special offer: Save 50% on MetaSlider Pro today! Get MetaSlider Skip to content Slideshow Pricing Documentation Blog Lightbox Support Login Get MetaSlider Search Toggle Menu Update Password #1 WordPress Slider Create easy and powerful sliders in minutes Get MetaSlider Now Recent Posts What’s New at MetaSlider in December 2025? What’s New at MetaSlider in November 2025? Add Captions to YouTube and Vimeo Slides in MetaSlider MetaSlider in October is All About WooCommerce How to Use the Container Feature in MetaSlider Let's Connect Facebook YouTube RSS Feed Start Using Your Slider Today! Create and publish WordPress slideshows in minutes… What are you waiting for? Get MetaSlider Now What’s New at MetaSlider in December 2025?December 17, 2025 What’s New at MetaSlider in November 2025?November 23, 2025 Add Captions to YouTube and Vimeo Slides in MetaSliderNovember 5, 2025 MetaSlider in October is All About WooCommerceOctober 24, 2025 How to Use the Container Feature in MetaSliderOctober 11, 2025 Clemens100 The setup is easy, the sliders have a lot of features. The setup is easy, the sliders have a lot of features, and if you need something special, you get a quick response from the support/dev team. Great!! mkordahi74 Clean and fast The simplest and cleanest carousel slider I’ve used. It’s fast and works perfectly. Helpful LinksMetaSlider Demos Support Pre-Sales Questions Plans & Pricing Lifetime Subscriptions Our ProjectsPublishPress TaxoPress Logtivity Brand Terms of Use Privacy Policy © 2026 MetaSlider LLC RSS Facebook YouTube Slideshow Pricing Documentation Blog Lightbox Support Toggle Menu... --- The MetaSlider software (“Software”) and the website located at https://www. metaslider. com (the “Website”, and together with the Software, the “Platforms”)) are published, owned, and operated by MetaSlider LLC its affiliates and related entities (“MetaSlider,” “Company,” “we,” “us,” and “our”). These Terms of Use (the “Terms”) govern your access to and use of the Platforms. By accessing, browsing, submitting information to and/or using the Platforms, you agree and acknowledge on your own behalf (referred to throughout the Terms as “you”) that you have read, understand and agree to be bound by these Terms and to comply with all applicable laws including, without limitation, all federal, state and local tax and tariff laws, regulations, and/or directives. If you do not agree to the Terms, please do not use the Platforms. Purpose of the Platforms. The Platforms are provided solely for informational purposes and the purposes of enabling communication between you and MetaSlider. The information provided is intended to be general in nature and does not necessarily address all the terms, exclusions, and conditions applicable to our products and services. The Software is a downloadable, GNU general public license code for use with WordPress services and websites. By purchasing the Software, you are purchasing a license to access updates and to receive customer support for upgraded (“Pro”) versions of the Software. We do not warrant the accuracy, completeness, or usefulness of this information at any particular time. Any reliance you place on such information is strictly at your own risk. MetaSlider disclaims... --- MetaSlider Login Log In Welcome to MetaSlider Username or Email Address Password Remember Me Lost your password? ← Go to MetaSlider Privacy Policy --- Please use this form to ask us any questions about MetaSlider Pro or your account. You can also email us directly via help@metaslider. com. --- The MetaSlider team is here to help you. Free UsersFor support for the free version of MetaSlider, please visit the WordPress. org support forums for MetaSlider. This option is free, but it also slower and more limited than the support available to MetaSlider Pro users. Visit Support Forum Pro customer supportFor MetaSlider Pro support, please log into this site. Click the link "Create a Support Question" and we'll respond as soon as possible. Thanks for using MetaSlider Pro. Our team will provide you with our fastest support. Login to MetaSlider Pre-sales QuestionsIf you have a question about MetaSlider Pro before you join, please click here and send us your question. DocumentationWe have done our best to provide information to help people in our documentation section. Facebook GroupWe also run an active Facebook group where you can ask for help. --- Create Powerful WordPress Slideshows With MetaSlider, you can create a beautiful WordPress slider in minutes. These major brands trust MetaSlider The Most Powerful and Easy to Use WordPress Slider MetaSlider is the best slider plugin for any WordPress website. We combined the easiest to use slider builder with the most advanced features. Easy Slider BuilderMetaSlider has a beautiful, intuitive interface that will let you create stunning slideshows with ease. Gutenberg ReadyMetaSlider has been designed to work seamlessly with the Gutenberg WordPress block editor. Built for Desktop & MobileAll slideshows adapt to screen size for desktop, mobile, and tablet. Any Content TypeImages, videos, layers, products, post feeds, and HTML. What Our Customers Say Very nice pluginNice plugin with a lot of options to configure, actually the only one that met my needs. Also great support team which addresses the questions very quickly! Bruna Castilhorios Great pluginI am a website newbite so you cannot imagine how excited I was when I discovered MetaSlider. I’ve used it a number of times and it adds a lot of panache to what is currently a fairly straightforward site. Wattletales Works well! I’ve found this plug in reliable and beneficial for my site where I feature my book covers on each slide. Very effective. Thanks. Lisa Thomson Our Users Love MetaSlider Over 800,000 WordPress sites trust MetaSlider to make their websites more dynamic and to better engage their audience. The Easiest and Most Powerful WordPress Slider We created an intuitive, drag & drop builder that has... --- Get MetaSlider Pro and save 50% Join the 800,000+ WordPress sites that are already using MetaSlider! 1 Site License $79/year $39. 50/year 1 Site license 1 Year Premium Support 30 Day Money Back Guarantee Unlimited Slideshows SEO Support Touch Enabled Smart Image Crop Image Slides Animated Layer Slides YouTube Slides Vimeo Slides TikTok Slides External Image Slides External Video Slides Internal Video Slides Post Feed Slides Post Image Slides Custom HTML Slides WooCommerce Product Slides Theme Editor Extra Themes Thumbnail Navigation Repeating Slides Schedule Your Slides 5 Site Licenses $99/year $49. 50/year 5 Site licenses 1 Year Premium Support 30 Day Money Back Guarantee Unlimited Slideshows SEO Support Touch Enabled Smart Image Crop Image Slides Animated Layer Slides YouTube Slides Vimeo Slides TikTok Slides External Image Slides External Video Slides Internal Video Slides Post Feed Slides Post Image Slides Custom HTML Slides WooCommerce Product Slides Theme Editor Extra Themes Thumbnail Navigation Repeating Slides Schedule Your Slides Unlimited Site Licenses $199/year $99. 50/year Unlimited Site licenses 1 Year Premium Support 30 Day Money Back Guarantee Unlimited Slideshows SEO Support Touch Enabled Smart Image Crop Image Slides Animated Layer Slides YouTube Slides Vimeo Slides TikTok Slides External Image Slides External Video Slides Internal Video Slides Post Feed Slides Post Image Slides Custom HTML Slides WooCommerce Product Slides Theme Editor Extra Themes Thumbnail Navigation Repeating Slides Schedule Your Slides 30 day money back guarantee Try MetaSlider for 30 days. If MetaSlider is not the right solution for you, we will happily refund 100%... --- Get MetaSlider Lightbox and save 50% You can show WordPress images, videos, and slideshows in a stylish lightbox. 1 Site License $79/year $39. 50/year 1 Site license 1 Year Premium Support 30 Day Money Back Guarantee Unlimited lightbox use Support for images Support for image galleries Support for local videos Support for YouTube videos Support for Vimeo videos Support for featured images MetaSlider integration Thumbnail navigation Zoom Rotate Full screen Social sharing Link to media files Flexible Targeting Rules Customizable navigation Fast and accessible Thumbnail Navigation Touch-friendly Mobile-ready 5 Site Licenses $99/year $49. 50/year 5 Site license 1 Year Premium Support 30 Day Money Back Guarantee Unlimited lightbox use Support for images Support for image galleries Support for local videos Support for YouTube videos Support for Vimeo videos Support for featured images MetaSlider integration Thumbnail navigation Zoom Rotate Full screen Social sharing Link to media files Flexible Targeting Rules Customizable navigation Fast and accessible Thumbnail Navigation Touch-friendly Mobile-ready Unlimited Site Licenses $199/year $99. 50/year Unlimited Site license 1 Year Premium Support 30 Day Money Back Guarantee Unlimited lightbox use Support for images Support for image galleries Support for local videos Support for YouTube videos Support for Vimeo videos Support for featured images MetaSlider integration Thumbnail navigation Zoom Rotate Full screen Social sharing Link to media files Flexible Targeting Rules Customizable navigation Fast and accessible Thumbnail Navigation Touch-friendly Mobile-ready 30 day money back guarantee Try MetaSlider Lightbox for 30 days. If MetaSlider is not the right solution for you, we will... --- --- ## Posts The December releases of MetaSlider are now available. These versions are our final releases for 2025. We’re building the most user-friendly slideshow plugin in WordPress, and these updates are another step towards that. Oh, and we've also started to build the most user-friendly gallery plugin in WordPress! (more... ) --- The November releases of MetaSlider are now available with tons of new features. When you install these versions, you’ll find big improvements to the export and import feature. You’ll also see a new theme, the ability to customize the Play / Pause button, and better support for WordPress caching plugins. (more... ) --- Videos are one of the most powerful ways to engage visitors on your website. They’re eye-catching, emotional, and easy to share. But sometimes, even a great video needs a little help to communicate clearly. That’s where captions come in. With MetaSlider Pro, you can add captions directly on top of videos, including your YouTube slides and Vimeo slides. This means you can combine moving visuals with readable text, without editing your video in an external program. (more... ) --- The October releases of MetaSlider are now available. There's a new version of the MetaSlider Lightbox plugin. You can display your slideshow images in a beautiful full-screen view. The plugin can also add a lightbox effect to any image, gallery, or video in your WordPress posts. In the main MetaSlider plugin, you'll find a deep integration with WooCommerce, including a new slide type and new eCommerce themes. We’re building the most user-friendly image tools in WordPress, and this release is another step towards that. (more... ) --- If you use MetaSlider, you already know it’s one of the easiest ways to add beautiful slideshows to your WordPress site. It’s simple, quick, and looks great out of the box. There’s a brand-new feature in MetaSlider Pro that takes your slideshows to the next level. It’s called the "Container" feature. And it’s perfect if you want your slideshows to blend smoothly with your theme, look more professional, and match the design of your site. Let’s explore how this new feature works. (more... ) --- WordPress 5. 3 was released in 2019 and made a significant change to image uploading. WordPress has now limited the maximum size of uploaded images to 2560 pixels. If you try to upload an image that is larger than 2560 pixels, WordPress will automatically resize the image to that size. (more... ) --- We've just released version 2. 0 of the MetaSlider Lightbox plugin. This is a completely new direction and upgrade for the plugin. Previously, the plugin simply connected MetaSlider slideshows to other lightbox plugins. (more... ) --- Slideshows are a favorite way to display content in WordPress. They let you show off products, photos, or videos in a clean and engaging format. But if your slideshow is big, it can also slow down your site. That’s where MetaSlider's Lazy Load feature steps in. In this post, we’ll explore why Lazy Load is such a big win. We’ll look at how it works, why it matters for large slideshows, and the real benefits you’ll see in speed, SEO, and user experience. MetaSlider is already the fastest slideshow plugin, but this can speed up your site even more. (more... ) --- Creating great content is tough. Managing all the visuals can be a huge pain. You spend all this time writing, only to get stuck manually adding every single image to a gallery. It’s slow, boring, and a big reason why many of us put off adding those eye-catching slideshows our readers love. But what if you didn’t have to do any of that? MetaSlider Pro's "Post Images" slide type is here to change the game. This feature is a total time-saver. It automatically grabs images from your post and turns them into a stunning slideshow. It lets you focus on the creative side of your work instead of the tedious, technical stuff. (more... ) --- The September releases of MetaSlider are now available with tons of new features. When you install these versions, you’ll find a noticeable speed improvement thanks to the Lazy Load feature. You'll see see lots of usability improvements. MetaSlider Pro users are now able to design the background of their slideshows, and add captions to YouTube and Vimeo videos. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- Sliders make websites look alive. They catch users' attention, highlight great things, and guide people to what you want them to notice. MetaSlider is the easiest way to build sliders in WordPress. If you’re using MetaSlider Pro, you get extra tools. One of them is the option to repeat a slide. Here’s how it works: inside the Advanced tab, you can tell MetaSlider to show the same slide again after a certain number of slides. For example, if you repeat slide one every three slides, it shows up in spots 1, 4, 7, 10, and so on. (more... ) --- If you run a web-design agency, you have most likely had an experience similar to the following. You've made a beautiful client website, and he client took time to pick out awesome photos for their homepage slideshow. Some of the images were big, high-quality shots. Others were great, but smaller; and they didn't look great alongside the high-quality photos. The small pictures looked stretched out and blurry. (more... ) --- WordPress sliders are an excellent way to showcase your best content. They pack a lot into a small space and keep visitors engaged. Plugins like MetaSlider make creating them very simple. Most people talk about big features in a slideshow, such as responsive design or SEO. But smaller features can be just as powerful. One of these options is the ability to hide a slide. (more... ) --- People will form judgments about your site in just a few seconds. Often their first impression of your site starts with your hero section or slider. A well-designed slider can pull visitors in, share your message, and lead them to where you want them to go. So what takes a slider from good to great? It is all in the details, especially the transitions. (more... ) --- When it comes to building an engaging website, a fantastic slideshow can make all the difference. But a design that looks stunning on a desktop screen might be overwhelming or slow to load on a mobile phone. That’s where MetaSlider’s "Device" tab comes in. It gives you the power to tailor your slideshow content for different screen sizes. This allows your visitors to always have the best experience, no matter how they’re viewing your site. (more... ) --- The August releases of MetaSlider are now available with tons of new features. When you install these versions, you’ll find it much easier to hide slides and show them multiple times. There are also new themes, slide types, and theme editing options. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- We had an interesting question from a MetaSlider customer this week. They wanted a standard image carousel, but with a large hero image. Normally a carousel will show multiple images. This customer wanted smaller images on the left and right, with a larger central image. In a previous tutorial, we showed how to use partial images on either side of the central image. This customer wanted partial images that were also smaller. This type of slideshow is possible with MetaSlider and in this guide we'll show you how it's done. (more... ) --- MetaSlider is a powerful WordPress plugin. It helps you build beautiful, responsive sliders with ease. One of its most popular features is the carousel slideshow. This format allows you to display multiple images in a continuous loop. When touch swipe is enabled, users on mobile devices should be able to swipe through slides easily using the fingers. It should feel smooth and natural, especially on phones and tablets. (more... ) --- There is a new version of MetaSlider available with tons of new features. When you install this version, you’ll find it much easier to add captions and buttons to your slideshows. There are also new options for carousels, slideshow effects, custom fonts and more. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- A MetaSlider user approached us this week and asked if it was possible to show a rotating series of images in a carousel. They wanted several images to be visible at the same time, with a caption over each image. Ideally, the images will automatically refresh every few seconds and there will be arrows if the user wants to move more quickly. All of this certainly is possible with MetaSlider, and in this guide we'll show you how it's done. This image below gives you an idea of the end result. (more... ) --- In this guide, we'll explain how WordPress handles HEIC images. Since 2017, Apple has used the HEIC format to store images. If you have an Apple device, your images are probably stored as HEIC files. However, HEIC images are not supported by many browsers, and so this can cause problems if you're uploading photos from an iPhone to your website. (more... ) --- The Ken Burns effect was named after the famous documentary maker. Ken Burns uses these animated transitions to add motion to still images and bring the images to life. It is possible to add a Ken Burns effect to your slideshows created with MetaSlider Pro. (more... ) --- We often get asked by MetaSlider users if the plugin will slow down their WordPress site. Our answer is no, MetaSlider is the fastest WordPress slideshow plugin. However, we caution people while our plugin will not slow your site, using large images in your slideshow can be a problem. Every website owner should be concerned with site speed, but it is not a problem to add a slideshow. The one thing we do recommend is optimizing the images in your slideshow. (more... ) --- There is a new version of MetaSlider available with tons of new features. When you install this version, you’ll find it much easier to try new themes. There are also new ways to create slideshows from WooCommerce, Advanced Custom Fields, and your Media Library. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- Here at MetaSlider we're often asked about animation in slideshows. A slideshow is often the most prominent feature on a website. It's the "hero" of the site's homepage. So people want to make sure the slideshow is noticeable and adds a "wow" factor. However, we normally recommend focusing on style over flashy animation. Here's a guide to using animation on your WordPress slideshow, and what the animation options are in MetaSlider. (more... ) --- There is a new version of MetaSlider available with tons of new features. 2025 is still young, but I know this will be one of the best releases of the year! You’ll find new themes, a better way to find your slideshows, lots of mobile improvements, and much more. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- The first big MetaSlider release of 2025 is here. You’ll find new ways to sort and organize your slides. There are also improvements to the Play / Pause button feature. And for Pro users, there's a new "HTML Slide" type, plus improvements to the Theme Editor. We’re building the most user-friendly slideshow plugin in WordPress, and this release is another step towards that. (more... ) --- We had a question this week from a MetaSlider user who wanted to automatically add rounded corners to their images. Their goal was to create a slideshow that looks like this image below. This is possible with MetaSlider Pro, and this guide we'll show you to create the same effect with your slideshow. (more... ) --- There's a really cool, new feature that has just landed in MetaSlider Pro. We've just added a completely new way to customize your slideshow themes. (more... ) --- We had a request from a MetaSlider user this week. They wanted to build a vertical slideshow with the slides moving up-and-down instead of left-to-right. They also wanted the navigation features to be displayed vertically. It is possible to create a vertical slideshow with MetaSlider and we'll show you how this is done. (more... ) --- Hey, and thanks for using MetaSlider. MetaSlider is one of the most popular slideshow plugins for WordPress and has been for over a decade. In 2022, the PublishPress team took over running MetaSlider, and we wrote our first annual review in 2023. We've made some great improvements in 2024 and hope you enjoy our second annual review. (more... ) --- The final big MetaSlider release of 2024 is here, and it's probably the best of the year! You’ll find a completely new way to customize your slideshow themes. There’s also a new progress bar option, and two new themes. We’re building the most user-friendly slideshow plugin in WordPress, and this is another step towards that goal. You can now upgrade to MetaSlider Free 3. 94 and MetaSlider Pro 2. 44. In this guide, I’ll show you what’s new in these releases. (more... ) --- There are some great new updates for MetaSlider available now. You’ll find many new ways to customize your themes. There's also a new option to show higher quality images. We’re building the most user-friendly slideshow plugin in WordPress, and this is another step towards that goal. You can now upgrade to MetaSlider Free 3. 93 and MetaSlider Pro 2. 43. In this guide, I’ll show you what’s new in these releases. (more... ) --- Welcome to the redesigned MetaSlider. After several months of work, we've updated this website with a warmer, more colorful and more modern style. This version of the site also replaces custom fields with Gutenberg blocks. In this article, I'm going to give you a tour of the new site and the tools we used. Here's a screenshot of the new homepage, built by our designer, Rochelle. (more... ) --- WebP is quickly becoming one of the most popular image formats for WordPress users. WebP is a technology developed by Google with the goal of making the web faster. On average, WebP images are 40% smaller than their PNG equivalents. Support for WebP has been increasing in recent years and now the format is supported by all modern web browsers. So, can you use WebP images in WordPress? (more... ) --- Slideshows are just one part of your website, but they often have important locations on key pages. I'm sure you've seen many slideshows on the top of website homepages. For that reason, we definitely recommend optimizing your slideshows for search engines. The MetaSlider plugin is highly optimized for Search Engine Optimization (SEO). In this guide, I'm going to give you five useful SEO suggestions for your WordPress slideshows. (more... ) --- There are some great new updates for MetaSlider available now. You’ll find new ways to customize the themes and lots of helpful improvements. We’re building the most user-friendly slideshow plugin in WordPress, and this is another step towards that goal. You can now upgrade to MetaSlider Free 3. 92 and MetaSlider Pro 2. 41. In this guide, I’ll show you what’s new in these releases. (more... ) --- About two years, ago we took over running MetaSlider and had an interesting challenge. The slideshow plugin was really popular with 100,000's of users. Many MetaSlider users had the plugin installed for over ten years. But the plugin was also in need of a refresh. Because people relied on the plugin's features, we soon learned that it was very tricky to touch any of them. So we've developed our own approach to backwards compatibility. In a nutshell, here's the approach: (more... ) --- There are some great new updates for MetaSlider available now. You'll find new themes, new ways to customize the themes, and some stylish video improvements. We're building the most user-friendly slideshow plugin in WordPress, and this is another step towards that goal. You can now upgrade to MetaSlider Free 3. 91 and MetaSlider Pro 2. 40. In this guide, I'll show you what's new in these releases. (more... ) --- MetaSlider has support for many types of video slideshows. You can host videos in your site's media library. You can also use third party services such as YouTube and Vimeo. However, some MetaSlider customers prefer to use their own video hosting. This is possible with the External Video feature. These videos are hosted on another service such as Amazon S3. These slides will display your MP4, WebM, and MOV videos. You can add features such as auto play, mute, lazy load, the ability to hide controls, and much more. This week, one MetaSlider customer asked us for recommendations on where to host their external videos. In this post, we'll give you four suggestions. There are many other good options available, but these are four that we've seen used successfully with MetaSlider. (more... ) --- Accessibility is an important topic for WordPress developers. We want our websites and plugins to be helpful to as many people as possible. If we build accessible websites, that means that people with disabilities can use them. People with disabilities interact with websites in various ways. Some use screen readers that convert text into spoken words. Others rely on keyboard shortcuts for navigation instead of a mouse. There are also specialized devices like braille displays for those who are blind or have low vision. There's no single solution to make a website accessible for everyone. But developers can try to cover as many use-cases as possible. (more... ) --- When you use MetaSlider, you have many different options for creating stylish slideshows. MetaSlider has dozens of theme options to suit every kind of site. However, MetaSlider Pro also allows you to create completely new themes that can easily be added to new slideshows. We'll show you how it's done in this guide. If you're a developer, we also offer a way to code your own custom themes. (more... ) --- TikTok has revolutionized social media in the last few years. The platform is famous for the short, vertical video format that has spread to YouTube, Instagram, and even business-focused social networks such as LinkedIn. Here at MetaSlider, a lot of our customers produce videos for their business. Previously those videos were for YouTube, Vimeo, and Instagram. Now many are adding TikTok too. In this guide, I'll share three ways to show TikTok videos on your WordPress website. (more... ) --- It is often said that Tag and Category pages are some of the most important criteria for your site's search engine optimization. Over at the Yoast SEO plugin, they have a long article on optimizing your Tag and Category pages. Here at MetaSlider, we can help optimize those pages. With MetaSlider Pro, you can place slideshows on your Tag and Category pages. These slideshows will automatically show the latest posts from each tag or category. This suggestion will be helpful to WooCommerce owners also. You can create a slideshow of the products in each category of your store. (more... ) --- The June release for MetaSlider is now available. This is MetaSlider Free 3. 90 and MetaSlider Pro 2. 37. If you use the Free version of MetaSlider, you'll find a new theme called "Clarity", which has improved accessibility. There's also a new Play / Pause button that you can enable for any slideshow. If you use the Pro version of MetaSlider, you'll see support for TikTok videos and a new theme that's specifically designed for horizontal videos. (more... ) --- The April releases of MetaSlider Free and Pro are available now. These updates have useful features for all MetaSlider users. Both versions have new themes and also improved accessibility for users with disabilities. You'll also find better support for YouTube Shorts. (more... ) --- Here at MetaSlider, many of our customers are design agencies, or are working with them. With many different people working on a website, sometimes it's important to know what has changed. Who added that new plugin? Who changed the text on the homepage? Who added an extra slide to the slideshow? To help answer this question, we've developed an activity log for WordPress called “Logtivity". (more... ) --- Scalable Vector Graphics (SVG) images are quickly becoming one of the most popular image formats for displaying logos on websites. SVG allows you to use images with small file sizes that can scale to any visual size without losing quality. This makes them very useful for images that need to be shown on very small and very large screens. SVG files are also SEO-friendly because they use XML text files that can be crawled by search engines. (more... ) --- When people think of slideshows, the first thing that comes to mind is normally images. People think of slideshows as useful tools to show their images in the best possible display. However, with MetaSlider it is possible to display more than just images. For example, you can also display your posts, and even YouTube and Vimeo videos. (more... ) --- One of the best options available in MetaSlider is called "Image Animation". This allows you to add dynamic elements to the transition between slides in your slideshow. Instead of simply moving from one slide to another, you can use "Image Animation" to add a dynamic effect when one slide leaves the screen and a new slide arrives. (more... ) --- Here at MetaSlider, we're obsessed with site speed. We work hard to make sure MetaSlider is the fastest slideshow plugin and we're always optimizing our site. This month, I've been talking with Gerard Blanco from Accelera who's an expert on building fast WordPress sites. We ended up talking so much that I asked him to share his best recommendations with MetaSlider users. (more... ) --- WordPress 6. 5 arrived in April, and the headline feature is a Font Library. This allows you to manage fonts in a similar way to how you manage images in the Media Library. Using the Font Library, you can install local fonts and Google Fonts. You can also apply them to different parts of your site design, such as the headings, text, and links. In this guide, we'll show you how to use the Font Library. (more... ) --- The Events Calendar plugin is the most popular way to show events in WordPress. MetaSlider is the most popular way to create slideshows in WordPress. Together, The Events Calendar and MetaSlider make a great combination! In this guide, we'll show how to build an Events Calendar slideshow. (more... ) --- The March releases of MetaSlider Free and Pro are available now. These versions have useful features for all MetaSlider users. Both versions have improved "Loop Continuously" features so that your slides can loop without stopping or reversing direction. There are also mobile improvements. The Pro version of MetaSlider has new sample slides and upgrades to the Post Feed feature. (more... ) --- We get many questions from MetaSlider users about the speed of their sites. MetaSlider users ask us about how to improve their scores for Core Web Vitals, Google Lighthouse, Page Speed Insights, and more. They want to know if MetaSlider is the fastest slideshow plugin. This is important because having a fast slideshow is a key part of having a search-engine friendly slideshow. In this guide, we'll give you detailed answers to those questions. We'll give you independent verification of MetaSlider's speed. We'll show you how to think about speed when adding images to your site. We'll introduce you to these different ways to judge site speed and how they might affect your search engine rankings. (more... ) --- We had a request from a MetaSlider user this week. They wanted to add the date and time to their slideshow. They were showing slides in a large screen in their offices and wanted visitors to see some great images and the time of day. This is possible with MetaSlider Pro and a third-party plugin. In this guide, I’ll show you how to add the date and time to your MetaSlider slideshow. (more... ) --- MetaSlider is the leading slideshow plugin for WordPress, and so much of our work revolves around images. One reason why people love WordPress is that you can easily upload beautiful images to make your site look exciting. WordPress officially allows you to upload PNG, JPG, and WebP images. Click here to see all the allowed file types in WordPress. (more... ) --- The February releases of MetaSlider Free and Pro are available now. These versions have useful features for all MetaSlider users. Both MetaSlider Free and Pro users can now utilize a "Duplicate slide" button and use a rich text editor to write captions. MetaSlider Pro users will see big improvements to Post Feed slides and the Theme Editor feature. Everyone can download MetaSlider Free 3. 62 from WordPress. org. Subscribers can download MetaSlider Pro 2. 34 from their account here in MetaSlider. com. (more... ) --- WordPress 6. 4. 3 has introduced a bug that impacts some users when they try to upload plugins. This bug is that users may see an "Incompatible Archive" message when they upload a plugin. The message looks like this screenshot below: (more... ) --- Categories are one of the most important tools you have for organizing your WordPress content. However, on a normal WordPress site, Categories are only available for Posts. If you want to organize your Pages in the same way as you organize Posts, the solution is a plugin such as TaxoPress. This plugin allows you to add Categories to Pages. You can also show both Posts and Pages together, if they share a taxonomy term. This guide will show you how to organize your WordPress Pages with Categories. (more... ) --- We had a request from a MetaSlider user this week. They wanted to buttons to their slideshow. This is possible with MetaSlider. In this guide, I'll show you how to add buttons on top of your MetaSlider slides (more... ) --- Have you ever swiped your finger on an element on your mobile phone and seen the phone respond? Of course you have. This is absolutely normal for phones and web apps. For people who use apps, phrases such as "swiping left" and "swiping right" are now part of everyday language. However, swiping is also possible for websites. Your users can swipe their fingers across photos on your site and see them respond. I'm going to introduce you to this feature for WordPress websites, using an example MetaSlider slideshow. (more... ) --- MetaSlider 3. 61 and MetaSlider Pro 2. 33 are available now and these releases have some really cool improvements. The most important new feature is a "Mobile" tab that allows you to show different slides to different screen sizes. Lots of MetaSlider users requested this feature so that they can customize their slideshows for different devices. For example, on a mobile phone you can show a styling fast-loading image with no caption. But on a large desktop screen you can show a large, high-resolution image with a caption. (more... ) --- Hey, and thanks for using MetaSlider. MetaSlider is one of the most popular slideshow plugins for WordPress and has been for over a decade. In 2022, the PublishPress team took over running MetaSlider. If you haven't seen that news yet, WPTavern wrote a story on the handover. So what has changed in the first year of the new ownership? In this post, I'll show you all the improvements to MetaSlider during 2023. I'll break down the changes into three areas: the main screens, video handling, and the admin interface. (more... ) --- MetaSlider 3. 60 is available now and brings more improvements to your MetaSlider experience. This version has an improved admin design, new mobile settings, and several other useful improvements. Keep reading to see what's new in the December update of MetaSlider. (more... ) --- MetaSlider is the leading slideshow plugin for WordPress, so most of our work revolves around images, videos, and other file types. One reason that people love WordPress is that you can upload almost any kind of media to make your site look exciting. I’m going to explain what file types are allowed in WordPress. We'll cover six types of media file: Images Audio Video Documents Text files Archives Miscellaneous others You will find some official documentation about file uploads on WordPress. org, but the list of allowed file types is not complete. In this guide, we'll show you what file types you really can upload into WordPress. We've done this by manually testing files of each type. (more... ) --- We had a question from a MetaSlider user who wanted to build a slideshow that uses the full height and width of the screen. In the image below, you can see that the slideshow works as normal with Previous and Next arrows, navigation, and more. However, the slideshow is the only thing visible on the screen. Follow this guide, and we'll show how to build a full-screen slideshow like this on your site. (more... ) --- This week we had an interesting question from a MetaSlider user. Their MetaSlider slideshow was working perfectly. However, when they uploaded one new image, that image would not show. The user had tested carefully and realized that the problem only happened when using a browser with the Adblock Plus browser extension. We talked with this user and helped them solve this problem. It was an issue with the file name of this new image. Here's our guide to solving this problem if Adblock Plus or other, similar ad-blocking extensions are causing issues on your site. (more... ) --- Divi is one of the most popular themes in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination. The Divi theme is a popular and versatile premium WordPress theme developed by Elegant Themes. Divi is famous for its visual page builder. This allows you to create complex layouts and designs without needing to know how to code. You can choose from a vast library of pre-designed layouts for different types of websites. (more... ) --- We recently had a question about Google's AMP (Accelerated Mobile Pages) project from a MetaSlider user. They wanted to know if we supported MetaSlider slideshows in AMP. Our answer was "no". MetaSlider is a very fastest WordPress slideshow plugin. We don't think you need AMP also. The key reason we don't support AMP is because Google is winding down it's support. AMP launched in 2015, but it is now fading away. Google is famous for killing off projects, and it's looking likely that AMP will be retired soon. (more... ) --- The WordPress community has been working hard on version 6. 4, which is now available. Over the last few WordPress releases, we've seen some great new media features, including duotone filters, aspect ratios, and the Openverse integration. We're likely to see more media improvements in Gutenberg Phase 3. WordPress 6. 4 gives us a new lightbox feature that can be used with images and photo galleries. (more... ) --- MetaSlider Pro has a feature that allows you to add captions to videos hosted inside WordPress and videos hosted externally. In this guide, I'll give you some helpful background to show how video captions work and what you need to know when adding them to your videos. (more... ) --- MetaSlider Pro 2. 30 is now available with lots of new video features, plus improved schedule options. It's now possible to add captions to videos, and to load videos from external services. We've also updated the "Schedule" feature. You can schedule slides to show on certain days, on specific days of the week, or at times you choose. (more... ) --- The WordPress Photo Directory is a new project run by the WordPress community. This is an excellent project and there are 1,000's of photos for you to use. You don't have to pay anything, and you don't need to give any attribution to the original photographers. It's a free stock photo directory that is run by WordPress users. This screenshot below shows results for "train" on the WordPress Photo Directory. You can see that they already have a good number of results for some keywords, even though this is a relatively new project. (more... ) --- MetaSlider users can now update to version 3. 40. 0 and get access to a new admin design. In this release, we've also made it easier to find where to edit your slideshows. (more... ) --- With MetaSlider you are able to add local videos, YouTube videos, and Vimeo videos to slideshows. All of these video options look great on desktop and mobile devices. They also come with a range of options including "Auto play". This image below shows the settings for a local video slide containing "Auto play" in the left column. (more... ) --- MetaSlider Pro 2. 26. 0 has big improvements to the Theme Editor feature. The Theme Editor allows you to create completely new themes that can easily be added to your slideshows. MetaSlider provides a good number of default themes, but the Theme Editor feature allows you to build many more. You can use the Theme Editor to create custom captions, arrows, and navigation elements for your slideshows. (more... ) --- WordPress 6. 3 introduced an important change to how you add images to WordPress. If you're using the block editor, you are now able to choose aspect ratios for your images. This screenshot below shows the previous image block on the left, and the new block on the right. There are now seven different aspect ratios that are available to you. (more... ) --- Finding good images is really hard! When you click an "Image" button in WordPress, you will only see the images that you uploaded. If you want to find new images, you need to leave your WordPress site. There are some great, free stock photo sources including Unsplash. com and Pexels. com. But these sites do not integrate with WordPress. And they often have confusing licenses that control how you can use the photos. A better alternative is now available in WordPress. (more... ) --- We had a question from a MetaSlider Pro user who wondered about the different types of navigation available for their slideshows. In MetaSlider Free, the default option is "Dots". This will provide large dots that visitors can use to navigate through your slideshow. This screenshot below shows the "Dots" option. You can install this same setup by going to the "Quick Start" screen and choosing "Image Slideshow". (more... ) --- WordPress really introduced many people to a new image feature called "Duotone filters". This feature is now very prominent when you add images in the block editor. In this guide, we'll introduce you to Duotone images and how to use them in WordPress. In previous versions of WordPress, the Duotone icon was a dashed circle. This icon was in an important place, but I think the design of the icon was too subtle and it was easy to miss. You can see the old icon in the screenshot below. (more... ) --- We are at the beginning of an exciting, new phase of WordPress development. Over the last several years, the WordPress team has been working hard to provide a new block system for creating WordPress posts and themes. The main part of that effort is now complete, and we're entering a new phase. Here at MetaSlider, we're excited because this may lead to improvements for the Media Library in WordPress. There's a lot of room for upgrades in how WordPress handles images and files. The block editor has introduced nice improvements such as duotone filters and aspect ratios, but there's room for more. In this guide, we'll give you some background on WordPress media development, and make some guesses about where it might be headed. (more... ) --- We're delighted to say that MetaSlider Pro now supports local videos from your WordPress media library. You can use MetaSlider to showcase your MP4, WebM, and MOV videos. This new video feature has options that include cover images, auto play, mute, lazy load, the ability to hide controls, and much more. (more... ) --- When you upload an image to the WordPress Media Library, it is instantly available for you to use. You can easily insert the image into posts, or into more advanced displays such as a MetaSlider slideshow. However, behind the scenes, WordPress does a lot of work to make sure this process is simple for you. Your images are uploaded to a folder on your site, and also data about your image is added to your database. In this guide, I'm going to give an introduction to what happens when you upload an image, with a particular focus on what happens to WordPress media data in your site's database. Our team wrote a similar guide for finding taxonomy and term data. (more... ) --- With the release of MetaSlider 3. 31 and MetaSider Pro 2. 23, we've been improving the process of deleting slides and slideshows in MetaSlider. WordPress users have been relying on MetaSlider for nearly a decade and lots of sites have old slides that need to be removed. In this guide, I'll show you how to remove unwanted slides. (more... ) --- Advanced Custom Fields (ACF) is a really popular WordPress plugin, with over 2 million active installs. It allows users to create custom fields, as you would expect from the plugin's name. However, the plugin has expanded in recent years and now also allows you to create post types and taxonomies. ACF provides a user-friendly interface to define and manage custom data without writing any code. The plugin is now owned and developed by WPEngine, the large hosting company. (more... ) --- When you visit YouTube these days, you're likely to see a mix of different types of videos. In previous years, YouTube was dominated by horizontal videos that had the same appearance as a traditional TV screen. These videos normally had an aspect ratio of 16:9 which created a horizontal layout. MetaSlider Pro has always supported these videos with YouTube Slides. You can see one of these old-style horizontal videos in this screenshot below: (more... ) --- MetaSlider is the most popular slideshow plugin for WordPress and it integrates closely with WooCommerce, the most popular eCommerce option for WordPress. In this guide, I’ll show you how to create a slideshow of WooCommerce products using MetaSlider Pro. This slideshow will update automatically showing the products in the WooCommerce categories you choose. (more... ) --- MetaSlider 3. 29 is available and it brings two big improvements that users have been requesting. The first improvement is a "Quick Start" screen that makes it really easy to get started with a sample slideshow. With one click, you can create an image slider, a carousel, or a carousel with text captions. Second, there's now a single "Slideshows" screen with a list of everything you've built. (more... ) --- When you're building a WordPress website, it's really important to have good images. If you're a photographer, you can create your own images. But often you need to rely on someone else. If you live in the mountains and want to write about the beach, you need to get a photo from someone else. That's where stock photos come in. Stock photos can be commercially licensed but there are lots of good, free sources. We'll cover the free options in this guide. Stock photos are widely available and easy to use. The only possible downside is that photos are usually generic, so the photo you use may be used on other sites too. (more... ) --- We had an interesting question from a MetaSlider user recently. They wanted to build an image carousel for their client. They followed our slider carousel guide and everything was working correctly. However, the client had an extra request. They wanted to show the carousel with partial images on either side. In the screenshot below, you can see about 20% of the left and right images are showing. (more... ) --- Sixteen years after its release, WordPress is the most popular content management system (CMS) in the world and currently powers around one-third of all sites on the web. As WordPress become more popular, it increasingly draws the attention of hackers who are eager to access the valuable information contained within a website, which in turn makes WordPress increasingly risky to use.   (more... ) --- If you go to WordPress. org, you will find two stock photo libraries, which are both great resources for your WordPress posts, galleries, and slideshows. The "WordPress Photo Directory" is a new project run by the WordPress community and has 1,000’s of photos for you to use in projects. The URL for this directory is https://wordpress. org/photos/. (more... ) --- Unsplash is one of the most popular stock photo sites in the world. The site has an ethos of sharing that is similar to the WordPress community. Photographers from all over the world upload their photos and allow you to re-use those photos on your projects. Unsplash started in 2013 and has grown steadily over the last few years. They have an approval process for images, so you can be sure that most of the images you see are high quality. In early 2021, the site was sold to Getty Images, and so it's now part of an even larger network of stock photos. (more... ) --- If you run a WordPress site that publishes fresh content, it's important to make it look great for your visitors. With MetaSlider Pro, you can display your posts in a slideshow. You can customize this WordPress post slideshow in hundreds of ways so it exactly matches the style of your site. (more... ) --- Yes, it is possible to build a slideshow using a variety of image orientations. People want to do this because they have some images in portrait mode and some in landscape. These images have different orientations and different sizes. One option is that MetaSlider can help by automatically cropping and resizing these images. This allows you to maintain a consistent slideshow height between slides and avoid any bumpy transitions. (more... ) --- We are often asked at MetaSlider if it is possible to build a slideshow using a variety of image orientations. People want to do this because they have some images in portrait mode and some in landscape. These images have different orientations and different sizes. The answer is "Yes, this is possible". (more... ) --- Since our team took over running MetaSlider, we've been listening carefully to customer requests. One request has come up more than any other: MetaSlider users want a demo site. They want to see live demonstrations of what's possible with MetaSlider. So I'm delighted to say that demo. metaslider. com is now live. (more... ) --- We had this question from a MetaSlider user: "Can we create a slideshow thumbnail that appears under the main image? " Yes, you can do this with MetaSlider, and we'll show you how it's done in this guide. Using thumbnail images for navigation can be a stylish alternative to using numbers or arrows for visitors to browse your slideshow. (more... ) --- MetaSlider is a powerful slideshow plugin and you can use it display many different types of image and video in WordPress. Two of the most popular types of slider are YouTube slides and Vimeo slides. These slide types allow you to display videos that are hosted by these high-profiles sites. You don't have to pay for the bandwidth or worry about hosting issues. However, YouTube and Vimeo do also have drawbacks. Many people don't want the privacy headaches involved with those sites, and they also don't want the extra branding with the YouTube and Vimeo logos. (more... ) --- I'm delighted to say that the MetaSlider plugin is now part of PublishPress. The PublishPress team's mission is to help WordPress publishers succeed. We believe that maintaining and improving the MetaSlider plugin will enable us to help more publishers. MetaSlider is one of the most popular slideshow plugins for WordPress with over 700,000 installs and a history dating back almost 10 years. We view MetaSlider as a platform for us to build a suite of image tools. In addition to the main slider features, MetaSlider has a lightbox plugin and a photo gallery that's in a "Beta" version. There will be more to come. (more... ) --- --- ## Docs The WP Super Cache plugin allows you to make your WordPress website faster and boost your Google PageSpeed score. This plugin generates static HTML files from your WordPress site. This guide has tips for troubleshooting issues if you are using MetaSlider with the WP Super Cache plugin. These tips are not guaranteed to work, but will help with many common issues. If you are using the WP Super Cache plugin on your site and the slideshow try excluding the page from the plugin's cache. Go to "Settings", then "WP Super Cache". Click the "Advanced" and find the "Rejected URL Strings". Enter the URL path of any post with a slideshow. MetaSlider Pro offers an option to automatically flush the cache when saving slideshow changes. This feature supports WP Super Cache. You can enable this feature by going to the "Settings & Help" area and enabling the "Flush Cache when Saving Changes" feature. --- You can use the MetaSlider Lightbox plugin to show YouTube videos inside a lightbox modal window. The MetaSlider Lightbox plugin support these types of video: You can enhance your YouTube videos with a lightbox. Visitors can view your videos and then open them inside a modal. This can make the video larger and also darken the background so it's easier to see the video. There are two approaches to adding a lightbox to your videos: Automatic Mode and Manual Mode. Go to "Lightbox" in your WordPress admin menu to see these options. Automatic Mode for YouTube Video Lightboxes Under the "Automatic Mode" tab, you can select where the lightbox will be enabled automatically. Check the box for "Videos in post content" to apply the lightbox automatically to YouTube embeds. This video below is a demo of how the lightbox will appear. Click the "Open in lightbox" button in the top-right corner. https://www. youtube. com/watch? v=Dk6PljxWvtU Manual Mode for Video Lightboxes The second option is to use "Manual Mode". This allows you to choose which individual videos will open in a lightbox. This feature works with the WordPress block editor. Let's see how to add a lightbox to videos that are added via a block. Select the video you want to use with MetaSlider Lightbox. This could be a video from your Media Library, a YouTube video, or a Vimeo video. In the right sidebar, click the "Advanced" tab as in the screenshot below. Add ml-lightbox-enabled to any existing text in... --- You can use the MetaSlider Lightbox plugin to show Vimeo videos inside a lightbox modal window. You can enhance your Vimeo videos with a lightbox. Visitors can view your videos and then open them inside a modal. This can make the video larger and also darken the background so it's easier to see the video. There are two approaches to adding a lightbox to your Vimeo videos: Automatic Mode and Manual Mode. Go to "Lightbox" in your WordPress admin menu to see these options. Automatic Mode for Vimeo Video Lightboxes Under the "Automatic Mode" tab, you can select where the lightbox will be enabled automatically. Check the box for "Videos in post content" to apply the lightbox automatically to HTML5 videos, YouTube embeds, and Vimeo embeds. This video below is a demo of how the lightbox will appear. Click the "Open in lightbox" button in the top-right corner. https://vimeo. com/475593351 Manual Mode for Video Lightboxes The second option is to use "Manual Mode". This allows you to choose which individual videos will open in a lightbox. This feature works with the WordPress block editor. Let's see how to add a lightbox to videos that are added via a block. Select the Vimeo video you want to use with MetaSlider Lightbox. In the right sidebar, click the "Advanced" tab as in the screenshot below. Add ml-lightbox-enabled to any existing text in this box. --- You can use the MetaSlider Lightbox plugin to show videos inside a lightbox modal window. The MetaSlider Lightbox plugin supports videos hosted inside your WordPress media library. You can use MetaSlider Lightbox to showcase your . MP4, . WebM, and . MOV videos. You can enhance your locally hosted videos with a lightbox. Visitors can view your videos and then open them inside a modal. This can make the video larger and also darken the background so it's easier to see the video. There are two approaches to adding a lightbox to your videos: Automatic Mode and Manual Mode. Go to "Lightbox" in your WordPress admin menu to see these options. Automatic Mode for Local Video Lightboxes Under the "Automatic Mode" tab, you can select where the lightbox will be enabled automatically. Check the box for "Videos in post content" to apply the lightbox automatically to your videos. This video below is a demo of how the lightbox will appear. Click the "Open in lightbox" button in the top-right corner. Manual Mode for Local Video Lightboxes The second option is to use "Manual Mode". This allows you to choose which individual videos will open in a lightbox. This feature works with the WordPress block editor. Let's see how to add a lightbox to videos that are added via a block. Select the locally hosted video you want to use with MetaSlider Lightbox. In the right sidebar, click the "Advanced" tab as in the screenshot below. Add ml-lightbox-enabled to any existing... --- You can use the MetaSlider Lightbox plugin to show images inside a lightbox modal window. Using MetaSlider Lightbox, your media will be shown in a lightbox that looks like this screenshot below. In fact, you can click on the "Open in lightbox" button to get a live demo of how this works. How to Apply the Lightbox Automatically It is possible to apply the MetaSlider Lightbox features automatically to your image. You'll find this setting under the "Automatic Mode" tab in the plugin. Enable the setting labeled "Images in post content". It's possible to filter this automatic settings further using the "Content Filtering" settings: Processing Mode: You can choose either "Inclusion Mode" or "Exclusion Mode". Include / exclude specific post types Include / exclude specific Post, Pages or other post types Exclude by CSS selector Minimum Image Width and Minimum Image Height How to Apply the Lightbox Manually Be default, the WordPress core provides a basic lightbox option. It's possible to override this default lightbox with the MetaSlider Lightbox plugin. You'll find these options under the "Manual Mode" tab. The default WordPress lightbox feature is called "Enlarge on Click". Here's how to enable it and to add MetaSlider Lightbox to an image. Select an image in the block editor. In the block settings, look for the link icon. Choose "Enlarge on click". Now when a user clicks on this image, it will open up in a modal provided by the MetaSlider Lightbox plugin. It's also possible to apply MetaSlider Lightbox... --- You can use the MetaSlider Lightbox plugin to show image galleries inside a lightbox modal window. Using MetaSlider Lightbox, your media will be shown in a lightbox that looks like this screenshot below. In fact, you can click on the "Open in lightbox" buttons to get a live demo of how this works. Each image in the gallery can have its own lightbox settings. You can really enhance your image galleries with a lightbox. Visitors can view your images and then open them inside a modal. This can make the images larger and also darken the background so it’s easier to see the image. There are two approaches to adding a lightbox to your image galleries: Automatic Mode and Manual Mode. Go to “Lightbox” in your WordPress admin menu to see these options. How to Apply the Lightbox Automatically It is possible to apply the MetaSlider Lightbox features automatically to your image. You'll find this setting under the "Automatic Mode" tab in the plugin. Enable the setting labeled "Images in post content". It's possible to filter this automatic settings further using the "Content Filtering" settings: Processing Mode: You can choose either "Inclusion Mode" or "Exclusion Mode". Include / exclude specific post types Include / exclude specific Post, Pages or other post types Exclude by CSS selector Minimum Image Width and Minimum Image Height How to Apply the Lightbox Manually Be default, the WordPress core provides a basic lightbox option. It's possible to override this default lightbox with the MetaSlider Lightbox... --- Sometimes problems do happen with MetaSlider plugins. These can happen for many reasons including conflicts with other plugins, mistakes with the server configuration, or bugs with the Metaslider code. The fastest way to solve these error is to find an error message. Sometimes the error messages are visible on the site. However, sometimes we need to other ways to find the message. Option #1. Emails from WordPress WordPress has a feature that will notify you about any serious errors on your site. You can't trigger this by yourself, but simply seeing this message can be helpful: There has a been a critical error on your website. Please check your site admin email inbox for instructions”. WordPress will also send an email message to the site administrator. This will contain a link to put your site in a special "recovery mode". This recovery mode will allow you to login and disable plugins that are causing problems. If you aren't getting this email, you can install a plugin such as "Email Log" to record that email. Option #2. Use a Plugin to Find Errors If you don't have access to error logs from your hosting company, there are plugins available on WordPress. org that will record error logs and display them inside your WordPress site. For example, the Debug Log Manager plugin will provide a screen inside WordPress that will record errors, as in this screenshot below. Option #3. Check your Hosting Company's Error Logs Most hosting companies will give you access... --- The MetaSlider Lightbox plugin is a free plugin available from WordPress. org. The plugin can be installed from inside your WordPress website: Media Types Supported by MetaSlider Lightbox The MetaSlider Lightbox plugin allows you to show a wide variety of media inside a lightbox modal window, including these: Images Image galleries Videos hosted on WordPress sites Vimeo videos YouTube Videos Featured images MetaSlider slideshows How MetaSlider Lightbox Displays Using MetaSlider Lightbox, your media will be shown in a lightbox that looks like this screenshot below. In fact, you can click on the "Open in lightbox" button to get a demo of how this works. If you're using MetaSlider Lightbox together with a MetaSlider slideshow, your media will be shown a lightbox that looks like this screenshot below. Notice that there is thumbnail navigation to allow users to browse the media. There is also a count in the top-right corner showing how many items are in the gallery. How to Apply the Lightbox Automatically It is possible to apply the MetaSlider Lightbox features automatically to different types of content and in different post types. You'll find these settings under the "Automatic Mode" tab in the plugin. The first group of settings allow you to decide what types of media will be shown in lightboxes. The options are: Images in post content Gallery shortcodes and blocks in post content Videos such as HTML5 videos, YouTube embeds, Video embeds in post content Images and videos in widgets and sidebars Featured images It's possible... --- The MetaSlider Lightbox plugin has a wide range of design options to allow to customize the lightbox effect. Background and Overlay These settings allow you to customize the lightbox background and overlay appearance. Background Color: This controls the color that appears behind your media in the lightbox overlay. Background Opacity: You can choose the opacity of the lightbox background (0 = transparent, 1 = opaque). Navigation Icons These settings allow you to customize navigation icons (close, previous, next arrows) that appear in all lightboxes. This next screenshot shows the location of these icons on a MetaSlider slideshow: Open in Lightbox Buttons These settings allow you to customize the "Open in Lightbox" option that can be added to media This next screenshot shows how the "Open in Lightbox" button appears on --- WooCommerce Slides are included in MetaSlider Pro. This slide type allows to showcase products from your WooCommerce store. You can add display any of details and images for your products along with an "Add to Cart" button. Add a new WooCommerce Slide to your slideshow Click the “Add Slide” button to launch the Media Manager. Select “WooCommerce” from the left sidebar. Choose the source products. You can choose either "Filter by taxonomies" or "Filter by products". Click the “Add to slideshow” button. The Media Manager will close and your WooCommerce slide will be added to your slideshow. Configure your WooCommerce slide One slide box will allow you to customize the slides for all your WooCommerce products. By default the options will generate 3 product slides. You can adjust the options in the "Post Filters" and "Display Settings" tabs to get a different display. The “Caption Template” tab allows you to configure the parameters used for the slides. Click on the "Insert Product Details" button and you'll be able to choose items to add to the slide display. Here are the details you can add: Product Title Product ID Product Link Product Excerpt Product Date Product Content Product Tags Product Categories Price Sale Price Add to Cart URL SKU Product Attributes Total Sales It's possible to expand on two of these details using custom colors: Rating stars with a custom color: metaslider_wc_product_rating id='{id}' color="#336699" "Add to cart" button with custom colors: metaslider_wc_add_to_cart id='{id}' color="#336699" color-hover="#ff0000" Under the "Post Filters" tab you... --- It's possible to overlay captions on top of your Local video slides, External video slides, Vimeo slides and YouTube slides. This image below shows a caption on top of a Vimeo video, using the "Highway" theme. Here's an example of a caption on top of a YouTube video. This slideshow is using the "Nexus" theme. Please note that his different from the subtitles / captions that you can add to slideshows using the VTT format. You can enter the captions for any of these slide types using the "Caption" tab. This screenshot below shows the "Caption" tab for a local video slide. --- You can use Lazy Load for slideshow images. MetaSlider is already the fastest slideshow plugin, but this can speed up your site even more. MetaSlider will only load slides when they are required by your slideshow. Here how the Lazy Load feature works: Images from first two slides load will load immediately. When you advance to the second slide the third slide image will load. When you advance to the third slide, the fourth slide image will load. The biggest speed gains will be on sites with the most slides. For example, you have a slideshow with 100 images, this feature will make sure that only the first two images are loaded when a visitor arrives on your website. This Lazy Load feature is also available for video slides. Make sure that the "Lazy load video" slide option is enabled for each slide, as in the screenshot below. --- There is a "Container" feature in MetaSlider Pro. The best way to explain how this works is to show it. This screenshot shows a slideshow that uses the "Hero" theme. This next screenshot shows the same slideshow but with the "Container" feature activated. This feature makes it easier to integrate MetaSlider into your slideshow design. In this third screenshot, you can see the "Container" settings. You can control the background for your slideshow container, plus the padding and margin. --- With MetaSlider Pro, it is possible to have repeating slides. This feature is helpful to several types of MetaSlider users, including those who have advertisements inside their slideshows. Under the "Advanced" tab, you can choose the "Repeat this slide" option. In the screenshot below, this slide will repeat after ever 3 slides. So if this the first slide in a slideshow, it will appear in the first, fifth, and ninth positions. --- Post Images Slides are included in MetaSlider Pro. This slide type can extract the images from the current post and show them as slides. This allows you to showcase all the key images from your post. You can automatically pull images from your post content and the Featured Images field. This slide type also has support for the Advanced Custom Fields (ACF) plugin and WooCommerce. Here's how to add a new Post Images Slider to your slideshow: Click the “Add Slide” button. In the left menu of the Media Manager, select “Post Images”.   Click "Add to slideshow" You can select where you want to pull images from there. There are five different choices: Featured Image: The featured image for your post will be included in the slideshow. Some plugins may have a different name for this field. For example, WooCommerce calls this field "Product image". Post Content Images: All images in your post content will be included in the slideshow. Advanced Custom Field Images: All images in ACF "Image" fields will be included in the slideshow. Advanced Custom Field Gallery Images: All images in ACF "Image Gallery" fields will be included in the slideshow. WooCommerce Gallery Images: Any images in the WooCommerce "Product gallery" fields will be included in the slideshow. --- The Ken Burns effect was named after the famous documentary maker. Ken Burns uses these animated transitions to add motion to still images and bring the images to life. It is possible to add a Ken Burns effect to your slideshows created with MetaSlider Pro. This feature builds on the Transition Effects available in MetaSlider. In the "Transition Options" area, look for the "Extra Effect" setting. Enabling this setting will add the Ken Burns effect to your slideshow. This slideshow has live preview of the Ken Burns effect. I've deliberately made the transition slower than normal so that you can see the effect in action. --- MetaSlider allows you to hide slides that you don't want to show. This enables you to disable slides without deleting them. In the top-right corner of each slide area you will see an eye icon, as in the next screenshot. When you click the eye icon the slide will be hidden on the frontend of your site. It will also be greyed out in the WordPress admin area, as shown in this next screenshot: --- The Pro version of MetaSlider allows you to customize the delay between slides when using the Auto Play feature. This setting is available under the "Advanced" tabs for slides. You can choose how many milliseconds the slide stays on the screen before moving to the next slide. There is another Slide delay setting in the right sidebar in the "Transition Options" area. This controls the default slide delay for all slides in the slideshow. --- LiteSpeed Cache for WordPress (LSCWP) is a site acceleration plugin. It provides a server-level cache and a collection of optimization features. This guide has tips for troubleshooting issues if you are using MetaSlider with the LiteSpeed Cache plugin. These tips are not guaranteed to work, but will help with many common issues. If you are using the LiteSpeed Cache plugin on your site and the slideshow is not updating, check the “Cache” settings. Try disabling the cache or skipping any pages with a slideshow by clicking the "Excludes" tab and entering URLs into the "Do Not Cache URIs" field. If you are using the LiteSpeed Cache plugin on your site and the slideshow is not loading correctly, check the “Page Optimization” settings. Try excluding these CSS files by going to the "CSS - Tuning" tab and entering these URLs into the "CSS Excludes" box. /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css --- It is possible to add buttons to MetaSlider slideshows. This is perfect for adding "Buy now", "Join today", "Sign up" or other buttons to your slideshows, which are often in the most important places on your website. When you open MetaSlider, you will see the "Manual entry" option for Image Slides. This provides a full text editor for creating captions. You'll also see an "Add button" feature, as in the screenshot below: When you click the "Add Button" link, you'll see a modal window as in this image below. Here you can add a button into your slideshow. Click "Insert", and you have a button that you can place anywhere inside your caption area, as in this next screenshot: --- MetaSlider users can build a carousel slideshow. In a carousel, there are multiple slides visible in the display at the same time. This is possible with MetaSlider. In this guide, we'll use the sample data provided with the MetaSlider plugin. Go to "Quick Start" in your WordPress admin area. On the right side of the screen, choose "Carousel Slideshow". Click "Create a Slideshow". Click the "Add Slide" button and add some more images to start your slideshow. Look in the right sidebar and choose the width of your slideshow. In this example, I've set both the width and the height to be 400px so my image displays will be square. If you do want multiple images to show at the same time, make sure the "Width" is narrower than your container - the space on the website where you want to place this carousel. In the "Advanced Settings" area, check the box for "Carousel mode". This will enable a new set of options for your carousel: Click the "Preview" button in the toolbar at the top of the screen. You will now see your carousel in action. This is the first draft of your carousel and gives you an idea of what it will look like. When you're ready, you can click the X in the top-right corner and make some changes. It is possible to create a carousel slideshow with any type of slides. In the image below we have created a carousel slideshow with YouTube slides. You can... --- MetaSlider has “Devices” options that allows you to hide some elements of your slideshows on different screen sizes. MetaSlider users rely on this feature so that they can customize their slideshows for different devices. For example, on a mobile phone you can show a styling fast-loading image with no caption. But on a large desktop screen you can show a large, high-resolution image with a caption. This feature is available inside Layer Slides too. The screenshot below shows the editing screen for a Layer Slide. Go to the edit a slideshow and open a "Layer Slider". Select the text or element you want to hide. The text or element will be highlighted in yellow. In the top-right corner, select the device size for which you want to hide this element. We provide four breakpoints by default: smartphone tablet laptop desktop If you want to configure these settings, go to the "Settings & Help" area. You will see the option to choose the breakpoints for the different device sizes. --- Image Folder Slides are included in MetaSlider Pro. This slide type allows to select a folder from your Media Library and create a slideshow from that folder. You can choose all the images uploaded to a specific folder in /wp-content/uploads/ or all the images uploaded between specific dates. Add a new Image Folder Slide to your slideshow Click the “Add Slide” button to launch the Media Manager. Select “Image Folder” from the left. Choose the image source. You can choose either "Images uploaded in selected month" or "Images uploaded between selected dates". Click the “Add to slideshow” button. The Media Manager will close and your Image Folder slide will be added to your slideshow. Configure your Image Folder slide The “General” tab allows you to configure the parameters used for the image folder. If you choose "Images uploaded in selected month" these will be the options available: Month: Choose the month you want to select for upload images. Order By: This control how the images are ordered in the slideshow. Image Limit: This will control how many images are displayed in the slideshow. If you choose "Images uploaded in selected dates" these will be the options available: From and To: Choose the dates you want to select for upload images. Order By: This control how the images are ordered in the slideshow. Image Limit: This will control how many images are displayed in the slideshow. --- The Post Feed slides feature in MetaSlider Pro will automatically use the "Featured Image" for each post. However, other options are available. It is possible to automatically pull in slideshow images from more sources if you're using WooCommerce or the Advanced Custom Fields plugin. Post Feed Slides and WooCommerce By default, MetaSlider slides will look for the "Product Image" field in WooCommerce and will display that image. However, it is also possible to use the "Product Gallery" field, as shown in this screenshot. When you're using WooCommerce and have created a Post Feed slide, look under the "Images" tab. You can choose to pull media from the WooCommerce gallery for each product. Post Feed Slides and Advanced Custom Fields By default, MetaSlider will always look for the "Featured Image" field on any posts using Advanced Custom Fields. However, when you're using a Post Feed slide and Advanced Custom Fields, look under the "Images" tab and you can choose to pull media from an ACF Gallery field for each post. --- MetaSlider has a "Device Options" dropdown for all caption areas. This allows you to hide specific elements on the device sizes you choose. The idea for this feature came from MetaSlider users who had very long captions that fit on large screens. However, they needed to use shorter captions on small screens. In the screenshot below, you can see that I'm choosing to hide an element on smartphones. After choosing a device option, you'll get a shortcode as you can see in this next image. You can combine options together to make a shortcode that hides the element on mobile devices: --- The WP Rocket plugins enables you to make your WordPress website faster and boost your Google PageSpeed score. This guide has tips for troubleshooting issues if you are using MetaSlider with the WP Rocket plugin. These tips are not guaranteed to work, but will help with many common issues. If you are using the WPRocket plugin on your site and the slideshow is not loading correctly, check the “CSS safelist” settings. Try excluding these CSS files in the "CSS safelist" box. /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css You may also try disabling the WP Rocket feature that combines Javascript files. MetaSlider needs these Javascript files to run correctly: /wp-content/plugins/ml-slider/assets/metaslider/script. min. js/wp-content/plugins/ml-slider/assets/easing/jQuery. easing. min. js/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery. flexslider. min. js MetaSlider Pro offers an option to automatically flush the cache when saving slideshow changes. This feature supports WP Rocket. You can enable this feature by going to the "Settings & Help" area and enabling the "Flush Cache when Saving Changes" feature. --- Custom HTML Slides are included in MetaSlider Pro. With Custom HTML Slides you can add HTML and CSS directly to your slides. This slide type supports any kind of HTML except for iframe, script, and style tags. It does also support inline CSS. This slide type is very useful for anyone who is provided images or code from clients or advertisers. Here's how to add a new Custom HTML Slide to your slideshow: Click the “Add Slide” button. In the left menu of the Media Manager, select “Custom HTML”.   You can insert your HTML and CSS code directly into this box, or you can click the "Add to slideshow" button and insert it later. After creating the slide, you will be able to edit the HTML, plus the "Link", "Mobile", "Schedule", and "Advanced" settings. It is possible to include CSS in these slides. In the screenshot below, we're using inline CSS. It's also possible to reference IDs and classes that are loaded from elsewhere. Here's our guide to using custom CSS in MetaSlider. --- SiteOrigin is a very popular page-builder plugin in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination. In this guide, I’ll show you how to add a MetaSlider slideshow into a SiteOrigin layout. To get started, ensure you have the "Page Builder by SiteOrigin" plugin installed on your site. In this image below, I have a post called “MetaSlider and SiteOrigin”. Click on the "Add Widget" button above the content area. In the top-left corner find the "Search Widgets" box. Search for "MetaSlider" and click on that result. You can now add a title and choose your slideshow in the "Select Slider" dropdown. Click the blue "Done" button to finish. You will now see your slideshow inside the SiteOrigin layout. You can publish this post and your slideshow will appear on the front of your website. --- MetaSlider offers several different ways for visitors to see or control the progress of slides in the slideshow. One of those options is to show a progress bar. The progress bar shows the visitor how much time is left before the slideshow moves to the next slide. This slideshow below has an example of the progress bar feature: The "Progress Bar" feature can be enabled while editing a slideshow. The "Slide Delay" option controls how long the progress bar will run. --- We are happy to provide invoices and receipts for all transactions. However, we often get requests from MetaSlider users who want us to fill in extra paperwork. This is paperwork that is required by their organization and includes vendor registration information, security assessments, and more. This can also include custom invoices and payment methods. As a small team, this paperwork can be very time-consuming. We can complete this extra paperwork, although we will require you to purchase the “Unlimited” option for MetaSlider. We do have some default company information available: Address: MetaSlider LLC, 6635 Pirate Perch Trail, Lakewood Ranch, 34202. Tax Number: Our company is registered in Florida. Our Tax ID is 88-1367569. Tax Forms: Our W9 form is available if you contact us via the Pre-Sales area. --- This guide will help you add custom CSS classes to your slideshow. There is a "CSS Classes" feature in MetaSlider that allows you to add a custom class to your slideshow's main div. This is where the id metaslider-id- is outputted, as in this screenshot: Edit your slideshow and go to Developer Options > CSS Classes. Type your custom class into this field. If you add more than one class, separate each one with an empty space. Save the slideshow changes and check your site's frontend. You will find that the new class is outputted in the code. Now you can add custom CSS using the custom class in your CSS selectors. --- This code will display the text from the title attribute above your image slides. Place this code in the functions. php file of your theme, or in a custom plugin. --- Autoptimize is a plugin that makes optimizing your site easy. It can aggregate, minify and cache scripts and styles. You can also optimize and lazy-load images This guide has tips for troubleshooting issues if you are using MetaSlider with the Autoptimize plugin. These tips are not guaranteed to work, but will help with many common issues. If you are using the Autoptimize plugin on your site and the slideshow is not updating, check the “Page Cache” settings. Try disabling the cache or skipping any pages with a slideshow. If you are using the Autoptimize plugin on your site and the slideshow is not loading correctly, check the “JS, CSS, and HTML” settings. Try excluding these CSS files in the "Exclude scripts from Autoptimize" box. /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css And also try excluding these Javascript files in other "Exclude scripts from Autoptimize:" box. /wp-content/plugins/ml-slider/assets/metaslider/script. min. js/wp-content/plugins/ml-slider/assets/easing/jQuery. easing. min. js/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery. flexslider. min. js --- Bricks Builder is a very popular page-builder theme in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination. In this guide, I’ll show you how to add a MetaSlider slideshow into a Bricks Builder layout. In this image below, I have a page called “Bricks and MetaSlider”. To start designing this page with Bricks Builder, click on the “Edit with Bricks” button. You should type “Shortcode” into the “Elements” box in the left sidebar. We are looking for the “Shortcode” element. Once you’ve chosen the “Shortcode” element, you can enter your MetaSlider shortcode into the attached box. In the main part of the screen, you’ll see a preview of your slideshow. This may not be a perfect rendering of your slideshow because not all MetaSlider CSS will load inside the Bricks admin area. However, when you click “Publish” on this screen, your slideshow will appear correctly on the front of your site. --- There is an option to add a Play / Pause button to your MetaSlider slideshows. You can see an example of this button in the screenshot below. The Play / Pause button in the bottom-left corner of the slideshow. In general, we recommend being careful with enabling Auto Play for your slideshows as it may annoy or confuse some users. If you do want slides to move automatically, it’s a good idea to provide people with a Play / Pause button so they can stop them using this feature. Enabling this also helps you to create accessible slideshows. You’ll find this feature in the “Advanced Options” area when you’re editing a slideshow. This feature is available to all MetaSlider themes. You can add extra text to theses buttons. In the screenshot below, you can see extra text added to the "Play Text and "Pause Text" areas. That extra text will appear on the front of the site. In the screenshot below, you can see the "Play video" button with that text. It is possible to customize the appearance of the Play / Pause button. In MetaSlider Pro, use the Theme Editor feature. Go to the "Play / Pause Button" tab and you can customize the design and position of this button. --- Smush is a leading image optimization plugin. It can optimize, resize, and compress images, as well as convert images to WebP format for faster loading web pages. One issue we've seen reported between MetaSlider and the Smush plugin is with the "Lazy Load" feature. Smush describes it this ways: "This feature stops offscreen images from loading until a visitor scrolls to them. " The impact on MetaSlider is that it can cause images to appear briefly out of place before snapping into the correct place. If you see this happening on your site, try changing the settings in Smush's Lazy Load feature so skip the MetaSlider images. --- TikTok Slides are included in MetaSlider Pro. A TikTok Slide will display a video in your slideshow directly from TikTok. com. Add a new TikTok Slide to your slideshow Click the “Add Slide” button to launch the Media Manager. Select “TikTok” from the left. Paste any TikTok URL into the text input. Click the "Add to slideshow" button. You will now see a new slider with a preview of your TikTok video. If you don't see a preview, you may need to turn off any features in your browser that block ads or social networks. Choose a good height and width for your videos. TikTok videos use a 16:9 aspect ratio. Click here for more details on recommended sizes. So in the right sidebar, choose an appropriate height and width. 325px wide and 540px high is a common choice. TikTok slides will work with any theme, but we do provide a theme called "Social Play" that is specifically optimized for vertical, social videos. --- Unsplash is one of the most popular stock photo sites in the world. The site has an ethos of sharing that is similar to the WordPress community. Photographers from all over the world upload their photos and allow you to re-use those photos on your projects. When you use MetaSlider to create sliders, you can access Unsplash to search for and add images. You don't have to worry about paying for Unsplash images or navigating copyright requirements. With Unsplash images, you are allowed to “copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash”. Click here to view the full license. It is good behavior to give credit to the photographer and link to their work, but this isn't required. To start using Unsplash images, edit a slideshow in MetaSlider. Click the "Add Slide" button" in the top-right corner. Click the "Unsplash Library" tab. You will now be able to search for any image in Unsplash. MetaSlider will automatically insert an image that gives credit to the original photographer's work. You can remove this if you don't want it on your site. Click the blue "Add to slideshow" button. MetaSlider will now display a progress bar as the plugin imports the image to your site’s Media Library. If you have problems inserting the images, it could be because the full images are very large. I would recommend changing the “Quality” setting to “Regular” if you want... --- 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. --- Some MetaSlider users have asked whether it's possible to collect statistics on how many users interact with their slideshows. It is possible to collect data on how many people click on your slideshows. You can use tracking codes from Google Analytics and other analytics platforms. It's not currently possible to collect data on how many people see individual slides. To collect statistics on how many people click on your slides, you can adding a tracking code to the "Link" tab. In the example below, we've added a Google UTM tracking code to this single slide. This "Link" feature is also available for Local Video and External Video slides. --- Some types of slide have a recommended height and width. This is normally because of the default settings on the original platform. In this guide, we'll explain some of the recommended sizes for YouTube and TikTok slides. The following slide types do not have specific height and width recommendations: Image Slides (we do offer some image size guidelines) External Image Slides Post Feed Slides Layer Slides Local Video Slides External Video Slides Vimeo Slides (Vimeo does have some official suggestions) Understanding Height and Width In this guide, we'll refer to height and width settings in pixels. The height is always first so "1280 x 720" translates to 1280 pixels wide and 720 pixel high. Click here for more on aspect ratios. The height and width settings are in the "Main Options" area of MetaSlider, as in this screenshot: YouTube Slides YouTube uses a 16:9 aspect ratio for regular videos. The size you choose will depend on the space available on your site, plus also where you intend most viewing to happen. If you're optimizing for mobile users, choose a smaller size than if you're showing videos on a large screen display. 426 x 240: This the lowest accepted quality for YouTube uploads and works best for very slow internet connections. 640 x 360: This is basic resolution for videos on smartphones, and for videos embedded on websites. 854 x 480: This is know and Standard definition and is the normal playback resolution for YouTube videos on mobile. 1280 x 720:... --- The MetaSlider team works hard to make sure the plugin is accessible for people using screen readers and/or people with disabilities. If you see any way that we can improve our support for accessible users, please do not hesitate to get in touch with us. Core Accessibility Features The main MetaSlider plugin provides accessibility features that do not require you to configure any settings. One key feature is our use of ARIA (Accessible Rich Internet Applications) which defines define ways to make the web more accessible. MetaSlider uses aria-roledescription and aria-label. Screen readers can use this to identify why an element is on the website and what it does. Mozilla has good introductions to aria-roledescription and aria-label. This screenshot below shows an example of that code in the MetaSlider output for a slideshow. Next, here's a second example using a single slide. MetaSlider again uses aria-roledescription and aria-label. In this example, we also use aria-hidden to indicate that this slide is off-screen and not currently in use. Accessibility Options In addition to our core accessibility features, MetaSlider also provide some options in the "Accessibility Options" area of the slideshow editing screen: Keyboard Controls: Use the forward and back arrows on your keyboard to navigate through the slides Tabindex for navigation: This helps to hide inactive slides from screenreaders. ARIA Live: Screenreaders will announce when the slides change. ARIA Current: This helps screenreaders to understand which slide is currently active. Keep scrolling down for more detailed guides to each of these... --- In previous versions of MetaSlider, there are several slideshow libraries available. These included FlexSlider, Responsive Slides, Nivo Slider, and Coin Slider. In MetaSlider 3. 60 (released in 2023) we disabled three of those options by default. We now focus all our development efforts on Flexslider. When you first install MetaSlider, you will no longer see the option to choose Responsive Slides, Nivo Slider, and Coin Slider. Those libraries are now marked as “Legacy”. There are some things to note here: We are not planning to remove those legacy libraries, but new features will be Flexslider-only. Existing users will still see the four library options. You can change this using the “Disable Legacy Libraries” setting. If you are having problems with any of the Legacy libraries, we recommend changing to Flexslider. --- The Post Feed Slides feature in MetaSlider allows you to pull content into the slideshow from the taxonomy on the screen. For example, if you are viewing an archive page for the "Apple" category, the URL will be /category/apple/. It is possible to place a MetaSlider slideshow on this screen and automatically show the content from this category. On a Post Feed slide, click the "Post Types" tab. For "Source posts", select this option: "Automatically choose post from the current frontend taxonomy". You can use any coding technique or page-builder to place a slideshow on archive pages. In this example, we'll use the Site Editor feature in the WordPress core. In this screenshot below, we've placed a MetaSlider shortcode into the Archive template. This approach will show a MetaSlider slideshow on top of every archive page. This screenshot below shows a slideshow on a Category archive page. --- This guide will show you how to create custom MetaSlider slideshow designs using code. This will help you if you're a theme developer and want to provide a custom MetaSlider theme. This will also help designers who want to customize a slideshow design for their clients. We do also offer a no-code approach to creating custom theme via the Theme Editor. Please note that themes created through the method in this tutorial will not be available in the Theme Editor. A Boilerplate MetaSlider Theme We provide a boilerplate example of a custom MetaSlider theme. You can download this zip and decompress it to use as an example: Click to download the boilerplate. How to Customize an Existing Theme To customize one of the existing themes provided with MetaSlider. Copy the folder of the theme from /wp-content/plugins/ml-slider/themes/. For example, we are going to take the "cubic"folder. Create a folder called "ms-themes" inside your WordPress theme. Paste the folder for your theme copy inside "ms-themes". There are two things you will need to modify after moving the theme: MetaSlider does require that your theme has a unique name. So to modify a custom theme, you will need to replace the words 'cubic' and 'Cubic' words (case sensitive) with a custom name by checking the code from the duplicated files. You will need declare the custom theme through a manifest. php file inside /ms-themes/. This details for this file are available in the boilerplate above, and the text guide below. How to Build... --- MetaSlider has full support for the Site Editor in WordPress. This is the Site Editor that appears when you click "Edit Site" in the WordPress admin bar or go to "Appearance" then "Editor" in the WordPress admin menu. You can use either the “MetaSlider” block or the “Shortcode” block. When you’re using the Site Editor you can search for and use the “MetaSlider” block as in the screenshot below. After choosing this block, you will be asked to select the name of the slideshow you want to use: It’s also possible to use the MetaSlider shortcode together with the block editor. 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. This next screenshot shows the shortcode placed inside the new Site Editor. --- The Post Feed Slides feature in MetaSlider allows you to show the Tags and Categories from your posts. To add Tags or Categories from your posts, choose the "Tag List" or "Category List" options, as in this screenshot below. It is possible to control how many terms show using this syntax: {tags limit=3}. That will show 3 tags. --- WP-Optimize is a popular plugin that helps you boost site performance and reduce page load times. This guide has tips for troubleshooting issues if you are using MetaSlider with the WP-Optimize plugin. If you are using the WP-Optimize plugin on your site and the slideshow is not updating, check the "Cache" settings. Under the "Advanced settings" tab, try using the "List paths" area to exclude any pages with MetaSlider slideshows. If you are using the WP-Optimize plugin on your site and the slideshow is not loading, check the "Minify" settings. Under the "Javascript" and "CSS" tabs, try excluding these CSS files: /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css And also try excluding these Javascript files: /wp-content/plugins/ml-slider/assets/metaslider/script. min. js/wp-content/plugins/ml-slider/assets/easing/jQuery. easing. min. js/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery. flexslider. min. js MetaSlider Pro offers an option to automatically flush the cache when saving slideshow changes. This feature supports WP-Optimize. You can enable this feature by going to the "Settings & Help" area and enabling the "Flush Cache when Saving Changes" feature. --- W3 Total Cache improves the SEO, Core Web Vitals and overall user experience of your site by increasing website performance and reducing load times. This guide has tips for troubleshooting issues if you are using MetaSlider with the W3 Total Cache plugin. These tips are not guaranteed to work, but will help with many common issues. If you are using the W3 Total Cache plugin on your site and the slideshow is not updating, check the “Page Cache” settings. Under the “Never cache the following pages” setting, try to exclude any pages with MetaSlider slideshows. If you are using the W3 Total Cache plugin on your site and the slideshow is not loading correctly, check the “Minify” settings. Try excluding these CSS files in the "Never minify the following CSS files" box. /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css And also try excluding these Javascript files in the "Never minify the following JS files" box. /wp-content/plugins/ml-slider/assets/metaslider/script. min. js/wp-content/plugins/ml-slider/assets/easing/jQuery. easing. min. js/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery. flexslider. min. js MetaSlider Pro offers an option to automatically flush the cache when saving slideshow changes. This feature supports W3 Total Cache. You can enable this feature by going to the "Settings & Help" area and enabling the "Flush Cache when Saving Changes" feature. --- WP Fastest Cache is a popular WordPress cache plugin developed to speed up WordPress sites. This guide has tips for troubleshooting issues if you are using MetaSlider with the WP Fastest Cache plugin. If you are using the WP Fastest Cache plugin on your site and the slideshow is not updating, check the “Exclude" settings. Under the “Exclude Pages” tab, click the "Add New Rule" button to exclude any pages with MetaSlider slideshows. If you are using the WP Fastest Cache plugin on your site and the slideshow is not loading, check the “Exclude” settings. Click "Add New Rule" under the “Exclude CSS” heading, and try excluding these CSS files: /wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider. css/wp-content/plugins/ml-slider/assets/metaslider/public. css And also try excluding these Javascript files, by clicking "Add New Rule" under the "Exclude JS" heading. /wp-content/plugins/ml-slider/assets/metaslider/script. min. js/wp-content/plugins/ml-slider/assets/easing/jQuery. easing. min. js/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery. flexslider. min. js MetaSlider Pro offers an option to automatically flush the cache when saving slideshow changes. This feature supports WP Fastest Cache. You can enable this feature by going to the "Settings & Help" area and enabling the "Flush Cache when Saving Changes" feature. --- MetaSider is the most popular WordPress slider plugin and WPML is the most popular translation plugin. Together they are a great combination. WPML allows you to translate your slideshows created with the MetaSlider plugin. Before starting this guide, make sure you have installed these plugins: The MetaSlider plugin The WPML core plugin The WPML String Translation plugin The WPML Media Translation add-ons Step #1. Creating the Multilingual Slideshows First, we're going to create a slider for your site's language. In this example, we will use English as the primary language and Spanish as the secondary language. First, we'll create the English slideshow. From your admin menu, go to "MetaSlider" in your WordPress admin area. Click the "Add New" button. Click the "Add Slide" button to add slides. You can choose between adding existing images from the Media Library or uploading new images. Configure your slideshow and click the "Save" button in the upper right-hand corner when you’re done. Next, we're going to create a slider for your secondary language. In this example, we will use Spanish. Open your default language slider and click the "Duplicate" button. Once the page reloads, translate your slider name and image captions. You can also change images or slideshow settings for your secondary language. Click "Save" for your secondary language slider. Now this is done, you will have one slideshow with names and captions in English, plus another slideshow with names and captions in Spanish. Step #2. Add the Slideshows to Your Site In this... --- Please note: This button is not currently available but may be added back soon. This type of buttons used to be common in WordPress, but now often cause problems with several page builders. For example, Elementor stopped supporting them – the buttons appeared, but would not work. In the next release of WordPress, we may add back limited support for this feature. For now, please copy-paste the shortcode directly into WordPress. MetaSlider has support for the Classic Editor plugin in WordPress. You can add MetaSlider slideshows to Classic Editor posts using the button we provide over the editor area. You can see that button in the screenshot below: Once you click this button, you'll see a modal pop-up with an option to choose the slideshow you want. You can see that modal in this next screenshot. After you choose your slideshow, MetaSlider will insert the correct shortcode for this slideshow, as in the screenshot below. --- Touch Swipe is one of several different ways that users can touch and interact with their screens. It can be a useful feature for your MetaSlider slideshows. Your users can swipe their fingers across photos on your site and see them respond. On mobile devices, this gesture can help you perform actions like scrolling, navigating between pages or sections, or interacting elements on the screen. In the case of MetaSlider, it helps you move one image off the screen and see the next image. One way to see how Touch Swipe works is to see it in action. If you're reading this on a mobile phone or another touch-enabled device, we have two examples below for you. One example works with touch swipe and one does not. If you use the normal "Gallery" block in WordPress, it will show your images but you will not be able to use your finger to navigate between the images. However, if you view a MetaSlider slideshow, you will be able to manually move from one image to the next. Place your finger on any image in the slideshow below, and you'll be able to slide that image off the screen. You can enable this feature for your slideshows using the "Touch Swipe" option: --- MetaSlider has a "Device" tab that allows you to show different slides to different screen sizes. MetaSlider users rely on this feature so that they can customize their slideshows for different devices. For example, on a mobile phone you can show a styling fast-loading image with no caption. But on a large desktop screen you can show a large, high-resolution image with a caption. Device Options for Slides In the MetaSlider slideshow editing area, you'll see a "Device" tab. Here you can choose to hide your slides on some device sizes. We provide four breakpoints by default: smartphone tablet laptop desktop Each icon has a tooltip with details of what this option does. For example, if you click the tablet icon, you'll see the message, "When enabled this setting will hide the slide on screen widths of 768px to 1023px". Configure the Breakpoints If you want to configure these settings, go to the "Settings & Help" area. You will see the option to choose the breakpoints for the different device sizes. Device Options for Slideshows In the MetaSlider slideshow editing area, you’ll now see a “Device Options” tab. Here you can choose to hide your slideshow's arrows and navigation on some device sizes. You can also choose to hide the entire slideshow on some device sizes. --- MetaSlider has four options for controlling the transition effect between slides. You can choose between "Fade", "Slide", "Zooming" and "Flip" options. In this slideshow below, you can see the "Fade" effect" in action. We have used the "Transition Speed" setting in MetaSlider to slow down the effect so you can clearly see how the "Fade" option works. In this next slideshow below, you can view the "Slide" effect" in action. We have used the "Animation speed" setting in MetaSlider to slow down the transition so you can clearly see how the "Slide" effect works. In this next slideshow below, you can view the "Zooming" effect" in action. We have used the "Animation speed" setting in MetaSlider to slow down the transition so you can clearly see how the "Zooming" effect works. In this next slideshow below, you can view the "Flip" effect" in action. We have used the "Animation speed" setting in MetaSlider to slow down the transition so you can clearly see how the "Flip" effect works. --- One of the animation options available in MetaSlider is called "Image Animation". This allows you to add dynamic elements to the transition between slides in your slideshow. Instead of simply moving from one slide to another, you can use "Image Animation" to add a dynamic effect when one slide leaves the screen and a new slide arrives. Here's how to set up the "Image Animation" option: Go to "MetaSlider" in your WordPress admin area and edit a slideshow. Choose "Slide" as the effect in the "Transition Options" area. Under the "Image Animation" option, you can see over 30 different settings. I'd recommend testing a few of these effects to see which works best with your slideshow. These effects will work for slides that load both vertically and horizontally. The best place to preview all of these options is on the website of the developer who built the original version of this feature called "Easing". Click here to visit the demo website. You can choose the options from the dropdowns and then click the big blue "The Clicker" button. Here's a live example using the "Ease In Elastic" option. I've set the "Animation speed" to be very slow so you have plenty of time to see the transition in action. --- MetaSlider users often want a carousel slideshow with images and captions. In a carousel, there are multiple images visible in the display at the same time. This certainly is possible with MetaSlider, and in this guide we'll show you how it's done. This image below gives you an idea of the end result for this guide. How to Build an Image Carousel To get started with this tutorial, make sure you have the MetaSlider plugin installed. Go to "Quick Start" in your WordPress admin area. On the right side of the screen, choose "Carousel Slideshow". Click "Create a Slideshow". Click the "Add Slide" button and add some more images to start your slideshow. Look in the right sidebar and choose the width of your slideshow. In this example, I've set both the width and the height to be 400px so my image displays will be square. If you do want multiple images to show at the same time, make sure the "Width" is narrower than your container - the space on the website where you want to place this carousel. In the "Advanced Settings" area, check the box for "Carousel mode". This will enable a new set of options for your carousel: Click the "Preview" button in the toolbar at the top of the screen. You will now see your carousel in action. This is the first draft of your carousel and gives you an idea of what it will look like. When you're ready, you can click the X... --- MetaSlider helps you create stylish slideshows by automatically cropping your images to a standard height and width. This feature can be disabled if you don't want consistent image sizes. The Image Crop Options When you're editing a slideshow, look for the "Image Crop" dropdown. You will see four options: Smart Crop: This will automatically crop all your images to the "Width" and "Height" dimensions in set inside your slideshow. You can control which area of the image is shown using the settings shown in the next step of this tutorial. Standard: This will automatically crop all your images to the "Width" dimension set inside your slideshow. The "Height" dimension will be adjusted proportionally based on the "Width". Disabled: This will disable all image cropping options. You can use the "Smooth Height" option to make sure the navigation arrows are always visible, no matter the image size. Disabled (Smart Pad): This is the best option for slideshows with a mixture of different image sizes. Smart Pad works by disabling MetaSlider’s image cropping features. Instead, the Smart Pad feature will automatically add padding to portrait images. Click for more on Smart Pad. Showing Larger Images By default, MetaSlider will crop your images to the size of your slideshow. This is done because large images can slow down your site. We have some image size recommendations. However, if you do want to show extra-high quality images in your slideshow, use the "Image Crop Size" feature. This can increase the resolution of the images... --- MetaSlider has full support for the Divi Theme and Builder in WordPress. Divi is one of the most popular themes in WordPress and MetaSlider is the most popular slideshow plugin. So naturally, they make a great combination. In this guide, I’ll show you how to add a MetaSlider slideshow into a Divi layout. To design a page with Divi, click on the “Edit with Divi link” button from the "Post" screen. To add a MetaSlider slideshow, click the "Add New Module' button. Choose the "Text" module, as in this screenshot below: Enter the MetaSlider shortcode into the text area, as in this screenshot below. There will be a live preview of the slideshow inside the Divi 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 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. 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. 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. Here is the documentation for using shortcodes in Beaver Builder. In this screenshot below, we're using the 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. --- MetaSlider has full support for the Visual Composer plugin for WordPress. You can add MetaSlider slideshows to Visual Composer layouts using either the "MetaSlider" widget or the "Shortcode" element. When you're using Visual Composer, you can search for and use the "WordPress Custom Widget" as in the screenshot below. Now you can choose the options for your element: Widget: MetaSlider Title: Enter your choice of title, or leave this blank Select Slider: Choose your MetaSlider slideshow There will be a live preview of the slideshow inside the Visual Composer 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. It's also possible to use the MetaSlider shortcode together with Visual Composer. 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. When you're using Visual Composer, you can search for and use the "Shortcode" as in the screenshot below. Enter your shortcode into the box in the left sidebar. As mentioned earlier in this guide, this may not always be an accurate preview. Check the front of your site for the most accurate preview. --- MetaSlider has full support for the block editor in WordPress. You can use either the "MetaSlider" block or the "Shortcode" block. When you're using the block editor (also called "Gutenberg"), you can search for and use the "MetaSlider" block as in the screenshot below. After choosing this block, you will be asked to select the name of the slideshow you want to use. You will be able to see a live preview of your slideshow and also choose between "Normal", "Wide", and "Full" widths. It's also possible to use the MetaSlider shortcode together with the block editor. 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. This next screenshot shows the shortcode placed inside the new block editor. --- It is possible to add video captions to Local Video Slides created with MetaSlider Pro. This feature uses VTT files to add captions. This screenshot below shows how the video will appear with text captions. There is a "CC" button in the toolbar that viewers can use to control the captions. In the MetaSlider admin area, click the "Text track" tab on your Local Video Slide. There are four settings available: Source: This will be the URL for your VTT file. Language label: This is the label users will click on to activate captions. Language kind: There are four different types of VTT file supported in MetaSlider: Captions Chapters Descriptions Subtitles Language code: This is a 2-letter code. Click here to find the code for your language. On the frontend of your site, viewers can click the "CC" icon to control the captions. They will see a small pop-up tab with various options: captions settings captions off english (or the language you have chosen for your captions) If the user clicks the "captions settings" link, there will be an overlay with more options, as in this screenshot below. The user can choose the color, size, font and more for the captions text. --- It is possible to add video captions to External Video Slides created with MetaSlider Pro. This feature uses VTT files to add captions. This screenshot below shows how the video will appear with text captions. There is a "CC" button in the toolbar that viewers can use to control the captions. In the MetaSlider admin area, click the "Text track" tab on your External Video Slide. There are four settings available: Source: This will be the URL for your VTT file. Language label: This is the label users will click on to activate captions. Language kind: There are four different types of VTT file supported in MetaSlider: Captions Chapters Descriptions Subtitles Language code: This is a 2-letter code. Click here to find the code for your language. On the frontend of your site, viewers can click the "CC" icon to control the captions. If the user clicks the "captions settings" link, there will be an overlay with more options, as in this screenshot below: --- External Video Slides are included in MetaSlider Pro. With External Video Slides you can build beautiful slideshows with videos hosted outside of your WordPress site. External Video slides will display your MP4, WebM, and MOV videos with cover image, auto play, mute, lazy load, the ability to hide controls, and much more. These videos should be hosted on a platform designed for video hosting such as Amazon S3, Google Cloud, Microsoft Azure, or Digital Ocean. Videos are likely to be blocked if hosted on services such as Dropbox, Google Drive, or Box. com. Add a new External Video Slide Click the “Add Slide” button to launch the Media Manager. In the left menu of the Media Manager, select "External Video".   Enter the URL for your video. Click "Add to slideshow". Please note that your external video host may have restriction on other sites using videos from their service. Configure your External Video slide The “General” tab allows you to configure the parameters used for the external video. Here are the key settings: Mute video: This will disable the sound by default. Your visitor can choose to enable the sound. Show controls: This will load player bottom bar and play button on the video that allow visitors to move the video forward and back, mute, view in full screen mode and more. Auto play (may require video to be muted): This start the video as soon as the slide is displayed. When you enable this setting, also check "Mute video".... --- MetaSlider has features that help you find how to edit slideshows. In this screenshot below you'll see two features: The admin menu toolbar links. The "Edit Slideshow" link. These links are available to help users understand which slideshow to edit. These frontend features will only shows for admins on your site. You can enable or disable them via the WordPress admin area: Go to "MetaSlider" and then "Settings & Help" in your admin area. You'll find two options, "Enable MetaSlider on Admin Bar" and also "Enable Frontend Edit Links". --- You can use MetaSlider to build a slideshow that uses the full height and width of the screen. In the image below, you can see that the slideshow has all the normal features such as Previous and Next arrows, navigation, and more. However, the slideshow is the only thing visible on the screen. Follow this guide, and we'll show how to build a full-screen slideshow like this for your site. First, create a slideshow using MetaSlider. In this example, we'll use an image slideshow. Second, add your slideshow to a post or page. You can use any method you want, from a Gutenberg block to a shortcode. In this example below, I've added the shortcode inside a WordPress post: The final step is the CSS. Add the code below to your site. You can use any of these techniques to add the CSS. The only thing you will need to change is the number "306". Update that number in the code below to match the ID of your slideshow. Please note that this code is designed for each image or video to take the full width of the screen. You may need to make an adjustment to the CSS below if you're showing multiple images on the screen at one time in a carousel effect. The CSS may also need changes if your slideshow's navigation takes up a portion of the theme, such as thumbnails or filmstrip. --- This guide shows you how to create the design seen for the Image Slider Demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Bubble" theme. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. --- This guide shows you how to create the design for the Image Carousel Slider Demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. To achieve the exact look of the demo, also add this custom CSS to your theme. --- This guide shows you how to create the design for the Vimeo Slider Demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Outline" theme. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. --- This guide shows you how to create the design for the YouTube Slider Demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Bubble" theme. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. --- This guide shows you how to create the design seen for the External URL Slider Demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Bubble" theme. Please note that these screenshots are taken with MetaSlider Pro. This slideshow cannot be built with the Free version. --- This guide shows you how to create the design seen for the Post Feed Slider demo from the MetaSlider Demo site. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Highway" theme. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. --- This guide shows you how to create the design seen for the Layer Slider demo from the MetaSlider Demo site. Layer Slides allow you to create layers of different elements on top of your slides. You can add text, video, colors, animations and even other images on top of your first image. To get the same look for your slideshow, use the settings in these screenshots below. This demo also uses the "Radix" theme. Please note that these screenshots are take with MetaSlider Pro. This slideshow can't be built with the Free version. --- This guide shows you how to create the design seen for the WooCommerce Product Slider demo from the MetaSlider Demo site. WooCommerce Sliders can dynamically display products created using WooCommerce, using the featured image as the slide. Click here for a more detailed guide to this integration. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is not using a specific theme. Please note that these screenshots are taken with MetaSlider Pro. This slideshow can't be built with the Free version. To re-create this example exactly, add a class name on the “Book Now” button so you can apply CSS. Then click this link and add the code to your theme’s CSS. --- This guide shows you how to create the design seen for the Lightbox Slider demo from the MetaSlider Demo site. A Lightbox Slide will open a lightbox modal when the user clicks the slide. This requires MetaSlider Lightbox (a separate plugin that extends MetaSlider) and also a lightbox plugin. More information can be found here. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Jenga" theme. Please note that these screenshots are taken with MetaSlider Pro. The settings in the Free version will be slightly different. --- This guide shows you how to create the design seen for the Local Video Slider demo from the MetaSlider Demo site. With Local Video Slides, you can build beautiful slideshows with videos in your WordPress media library. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Blend" theme. Please note that these screenshots are taken with MetaSlider Pro. This slideshow cannot be built with the Free version. --- This guide shows you how to create the design seen for the Events Calendar Slider demo from the MetaSlider Demo site. MetaSlider can dynamically display slides based on events created using The Events Calendar plugin, using the featured image as the slide. This guide has more details on the integration. To get the same look for your slideshow, use the settings in these screenshots below. This slideshow is using the "Highway" theme. Please note that these screenshots are taken with MetaSlider Pro. This slideshow cannnot be built with the Free version. --- This guide shows you how to create the design seen for the Custom Captions Slider Demo from the MetaSlider Demo site. This demo shows how you can create custom themes and add style to your captions with MetaSlider. Add a new Layer Slide and add two layers. One layer is for the header (Travel Tour) and the other is for the sub-header (Japan March 2023): Click the "Source" button for header layer and enter this code: Travel Tour Click the "Source" button for sub-header layer and enter this code: Japan • March 2023 The rest of the slides are created by adding Image Slides and captions for each with this format: You can create a custom theme by going to MetaSlider > Theme Editor with these settings: --- When you’re using the Layer Slides feature in MetaSlider, it is possible to add animation to layers on your slides. Please check these guidelines when using animation. Select the Layer. A white dashed border will appear around the selected layer. In this screenshot below, I've selected the "Sunsets Around The World" heading. Use the “Animation” options in the middle role of the toolbar. In this example, the "Sunsets Around The World" heading will wait 3 seconds and then use the "fadein" animation. It will then wait 5 seconds and use the "rotateOut" animation. To save the animation, click the "Save" button located at the top of the Layer Editor. Every layer can have an entrance and exit animation. In the screenshot below, I'm selecting the entrance animation. Here's a demonstration of animation on the Layer Slides feature. Here details on the animation on each slide: The airplane slide uses "rotateIn". The coffee slide uses "fadeInUp" and "fadeInDown". The crafts slide uses "lightSpeedIn". In all these cases, the animation is added directly to the main text we want readers to see. We highlight most important content and animation does not repeat. Flying Around The WorldWe reveal the 10 best destinations Imported fresh! Get our best coffee! Where can I find the best crafts? --- When you’re using the Layer Slides feature in MetaSlider, it is possible to add shortcodes on your slides. To add a shortcode to a slide, click on the "Launch Layer Editor" button for a slideshow. You can add a shortcode directly to any layer. Click "New Layer" to create a new layer for your slide. In the example below, I'm using a shortcode from the TaxoPress plugin. The output of this shortcode will be exactly the same as when you use this shortcode in a post or page. You can add as many shortcodes as you need to each layer. --- MetaSlider allows you to show text captions with your slideshow images. Captions are available for Image Slides and External URL Slides. How to Choose Captions for Image Slides There are three ways to add captions to image slides, as you can see in this screenshot below: Manual entry: You can choose your own caption from this image. Media caption: This will automatically fill in the caption using the default WordPress "Caption" field for the image. Media description: This will automatically fill in the caption using the default WordPress "Description" field for the image. This screenshot below shows where you will find the default WordPress "Caption" and "Description" fields. How to Choose Captions for External Image Slides There is one way to add captions to External Image slides, as you can see in this screenshot below. There is a "Caption" tab for you to manually create images. How to Choose Captions for Video Slides It is possible to add captions to Local Video and External Video slides, as you can see in this screenshot below. There is a "Caption" tab for you to manually create images. How to Display Captions The style of the captions is controlled by the slideshow theme. Click here for details on all the themes in MetaSlider. If you’re using MetaSlider Pro, you can also create your own themes. This screenshot below shows how captions appear in the default MetaSlider theme. If you're using a Carousel effect and showing multiple slides at the same time, this screenshot... --- MetaSlider offers several different ways for visitors to navigate to different slides. One of those options is to show dots. The dots are clickable and serve as a navigation tool. How to use Dots Navigation You can enable or disable the dots navigation using the "Dots" option in the screenshot below. You can choose to always show the navigation ("Dots") or only show the navigation when the user hovers over the slideshow ("Dots - Visible on Hover"). The style of the dots is controlled by the slideshow theme. Click here for details on all the themes in MetaSlider. If you’re using MetaSlider Pro, you can also create your own themes with your own style of dots. Examples of Dots Navigation In this screenshot below, you can see the dots. If you click any of these dots, you will be taken to the appropriate slide. Click here to see this slideshow. This design uses the "Databold" theme. In this screenshot below, you can see the dots on the right side. Click here to see this slideshow. This design uses the "Jenga" theme. --- MetaSlider offers several different ways for visitors to navigate to different slides. One of those options is to show numbers. This is a version of the "Dots" navigation and works in the same way. These numbers have two purposes: The numbers can show how many slides are in the slideshow. The numbers can be clickable and serve as a navigation tool. How to use Numbers Navigation The numbers navigation in MetaSlider is controlled by the theme. Several themes have a numbers options: Blend, Bubble, Radix, and The Architekt. Click here for details on all the themes in MetaSlider. To enable the Numbers navigation, choose one of the themes with the numbers style. Also, you need to enable the "Dots" navigation option. Examples of Numbers Navigation In this screenshot below, you can see numbers inside small circles. If you click any of these numbers, you will be taken to the appropriate slide. Click here to see this slideshow and the instructions on how to create it. This design uses the "Bubble" theme. In this screenshot below, you can see the numbers in the top-right corner. These numbers are not clickable, but they are stylish and helpful for visitors. Click here to see this slideshow and the instructions on how to create it. This design uses the "Radix" theme. In this screenshot below, you can see the numbers below the slideshow. This design uses the "My Architekt" theme. --- MetaSlider offers several different ways for visitors to navigate to different slides. One of those options is to show arrows. The arrows are clickable and serve as a navigation tool. How to use Arrows Navigation You can enable or disable the arrows navigation using the "Arrows" option in the screenshot below. You can choose between these options: Hidden Visible Visible On Hover The style of the arrows is controlled by the slideshow theme. Click here for details on all the themes in MetaSlider. If you’re using MetaSlider Pro, you can also create your own themes with your own style of arrows. Examples of Arrows Navigation In this screenshot below, you can see "Previous" and "Next" arrows. If you click any of these arrows, you will be taken to the appropriate slide. Click here to see this slideshow and the instructions on how to create it. This design uses the “Bubble” theme. In this screenshot below, you can see the arrows in the bottom-right corner. The "Next" arrow also has text next to the arrow. Click here to see this slideshow and the instructions on how to create it. This design uses the “Radix” theme. --- Local Video Slides are included in MetaSlider Pro. With Local Video Slides you can build beautiful slideshows with videos in your WordPress media library. Local Video slides will display your MP4, WebM, and MOV videos with cover image, auto play, mute, lazy load, the ability to hide controls, and much more. Please note that support for MOV videos can be limited on Android devices. We recommend using MP4 or WebM formats where possible. We also offer the option of adding multiple formats in case one format is not supported in a particular browser. Add a new Local Video Slide to your slideshow Click the “Add Slide” button to launch the Media Manager. In the left menu of the Media Manager, select "Local Video".   From here you can select a video for the slide, or upload a new video. Configure your Local Video slide The “General” tab allows you to configure the parameters used for the local video. Here are the key settings: Mute video: This will disable the sound by default. Your visitor can choose to enable the sound. Show controls: This will load player bottom bar and play button on the video that allow visitors to move the video forward and back, mute, view in full screen mode and more. Auto play (may require video to be muted): This start the video as soon as the slide is displayed. When you enable this setting, also check "Mute video". Lazy load video: This can increase how quickly your video... --- MetaSlider Pro accepts a wide variety of URL formats, including YouTube Shorts videos. Using the YouTube Slides option, MetaSlider Pro allows you to add these YouTube URL formats to your slideshows: youtube. com/watch? v=########## youtu. be/########## youtube. com/embed/########## youtube. com/shorts/########## youtube. com/v/########## youtube-nocookie. com/embed/########## youtube. com/watch? foo=bar&v=########## This last item on the list is "foo=bar" and that includes a wide range of extra parameters that YouTube can add to to URLs. Here are some examples: feature=channel feature=youtu. be version=3&autohide=1 In this next image, you can see two different YouTube formats in a single MetaSlider slideshow. --- MetaSlider offers several different ways for visitors to navigate to different slides. One of those options in MetaSlider Pro is a "Filmstrip" navigation under the slideshow. This navigation uses small thumbnail images and arrows to allow visitors to navigate through the thumbnails. This Filmstrip navigation has two purposes: The images can serve as a preview of the main image. The images and arrows can be clickable and serve as a navigation tool. How to use Filmstrip Navigation If you are using MetaSlider Pro, you can enable or disable navigation using the "Filmstrip" option in the screenshot below. The style of the filmstrip is controlled by the slideshow theme. Click here for details on all the themes in MetaSlider. You can control the speed that the filmstrip moves using the "Filmstrip Slide Delay" and "Filmstrip Transition Speed" settings. Examples of Filmstrip Navigation This next screenshot below shows what happens if you choose the "Filmstrip" navigation option. This is is very similar to the "Thumbnails" option but there are also forward and back arrows on the thumbnails. This makes "Filmstrip" a good choice if you have a lot of slides in your slideshow. Our recommendation for the "Filmstrip" option is to set a relatively small size for the "Thumb Height". This will increase the filmstrip-style appearance of the navigation. The size of the arrows on the Filmstrip will vary with your theme. This example below uses the "Bubble" theme and the arrows are much larger than the default: The example in the... --- Advanced Custom Fields (ACF) is a very popular WordPress plugin, with over 2 million active installs. If you use ACF to add fields to your content, it's possible to use MetaSlider Pro to show those fields in a slideshow. In this guide, we'll show you multiple options to connect ACF and MetaSlider. Post Feed Slides This screenshot below shows an example of fields created using ACF. There's a field group called "Photo Details" and there are three text fields: Photographer Photo Agency Camera Those fields are added to WordPress posts. You can see an example in this next screenshot. The ACF fields are below the content and there's a Featured Image to use in the slideshow. Using MetaSlider Pro, you can create a slideshow using a "Post Feed" slide type. When you first add a Post Feed slide, it will look like the image below. Click on the "Insert Tag" dropdown and you can choose your fields from ACF. In this next screenshot, I'm choosing the "Camera" field. You can use the HTML area to control how your fields display. In this screenshot below, I've added three fields called {photographer} and {photo_agency} and {camera}. When you show this slideshow on your site, all the custom ACF fields will be displayed, using the HTML you created: Post Image Slides The Post Image slide type can extract images in Advanced Custom Fields and show them as slides. This allows you to showcase all the key images from your product. Here's how to... --- MetaSlider stores slideshow information in the WordPress database. The plugin relies on the WordPress core database tables, and does not create its own tables. Database Information for Individual Slides Individual slides are stored in the _posts table using the ml-slide post type. This screenshot shows a single image slide. This slide has an ID of 29 and it is attached to a slideshow with an ID of 23. This next screenshot shows how the slide is listed in the _posts table. You will also find information about slides in the _postmeta table. This screenshot show information about the slide with an ID of 28. The _postmeta table stores key information for more advanced slide types such as Layer Slides. This screenshot below shows the database content of a Layer Slide. Connecting Slides and Slideshow With Taxonomies MetaSlider uses a taxonomy called ml-slider to attach slides to a slideshow. Go to the wp_term_taxonomy table and you'll see terms that are attached to this taxonomy. This screenshot below shows three terms attached to the ml-slider taxonomy. This next screenshot is taken from the wp_terms table. There is a term with an name of 23 that corresponds to the slideshow with the same ID. Go to the _term_relationships table and you'll find that the post / slide with the ID of 28 is linked to the slider / term with an ID of 4. --- The MetaSlider Pro plugin relies on licenses for updates and support. Click here to see how to add a MetaSlider license to a site. The Error Message When Licenses Won't Connect Sometimes users may see problem when connecting their license. This image below shows one problem with the message, "The response from the remote site could not be decoded. (More information is recorder in the browser console). Solving This Connection Issue The first thing to note is that MetaSlider will work 100% perfectly even if the license key doesn't connect. You will be able to use all the features of the plugin. We don't use the license key to block any functionality. The best solution to this problem is always to contact MetaSlider Pro support. We'll be happy to help you. There are two common causes of this issue: This problem is normally caused by the IP address of this server, because it is blacklisted. You can check if the IP address of your server is on a blacklist by visiting https://check. spamhaus. org. If your server's IP address is on the Spamhaus blacklist, you may have bigger problems than the MetaSlider license. For example, you may have issues delivering emails until that is fixed. A server on a blacklist will often be be blocked by security firewalls, including the one we use at MetaSlider to keep customers safe. A firewall managed by your WordPress hosting company. OVH and Namecheap are the hosting companies where this happens most frequently. --- MetaSlider Pro does have a different approach to license keys when compared to some other WordPress plugins. Some plugins will give you a long license key that you have to copy-and-paste over to your site. MetaSlider Pro doesn't use license keys. We only ask you use the email address and password you used to register on this. Here are the steps to follow to use your MetaSlider license: This guide will help you install both the Free and the Pro versions of MetaSlider on your website. Once you have both the Free and Pro version, go to the "Plugins" screen in your website. Enter the Email and Password you created for MetaSlider. com. Click the blue "Connect" button. You will see a pop-up window with the message: "You have successfully connected for access to updates to this plugin. " After you have successfully connected to your MetaSlider. com account, the Email and Password box will no longer show. Please note: We do allow you have a billing email address for your account. That email address will not work. The email address for the license is the one you use to login at MetaSlider. com. --- Sometimes you might see that extra break tags are being added to MetaSlider Pro slideshows. This issue can appear in MetaSlider Pro slides that have the "Caption Template" option. This screenshot below shows an example of a slideshow with this problem. The solution to this is the "Preserve New Lines" setting in the "Display Settings" tab. If you uncheck this box, the problem may disappear: --- Yes, MetaSlider is GDPR complaint. MetaSlider does not access or extract any user data from WordPress. Also, MetaSlider does not access any visitor data from your website. MetaSlider uses the Appsero SDK to collect non-sensitive diagnostic data upon a user’s confirmation. This data helps us to troubleshoot problems faster & make product improvements. MetaSlider only collects this diagnostic data when a user allows it via a notice in WP Admin or MetaSlider settings. You do not have to agree to send non-sensitive diagnostic data to AppSero. MetaSlider will function perfectly without that agreement. View our privacy policy. --- It is possible to use many kinds of custom fields in MetaSlider slideshows. This can be done using the Post Feed slide type. You can see examples of this in our integrations with WooCommerce and The Events Calendar. Before you start, check that you have some data inside your custom field. MetaSlider won't find a custom field that is completely empty. When you add a Post Feed slide, click on the "Caption Template" tab. In this screenshot below, you can see several fields from The Events Calendar Plugin. This is a custom fields area that shows data from the theme, from MetaSlider and from other sources. This next screenshot shows how MetaSlider can work with the Easy Digital Downloads plugin. We have created a "Download" product with a price and the "edd_price" field is now available for our slideshow. This next screenshot shows how MetaSlider can work with the Advanced Custom Fields plugin. In this screenshot below, we've created a field called "advanced custom fields" and can now show it on our slideshow. --- By default, MetaSlider slideshows have several options for repeating slides after all the slides have been shown. This guide explains the how the slide looping feature works for normal slideshows and for carousel slideshows. Loop Options for Slideshows The default behavior for slideshows is called "Loop Endlessly" and works this way: Your slideshow will reach the last slide. Your slideshow will move forward to the first slide. Your slideshow will keep cycling through the slides again. MetaSlider has two more looping options for your slideshows. In addition to "Loop Endlessly", there are two more options, as you can see in the screenshot below. "Stop on Last Slide" "Stop on First Slide After Looping" You will find these looping options in the "Advanced Settings" area of MetaSlider. Loop Options for Carousel Slideshows Carousels also have the ability to loop slides endlessly. The feature is shown in the screenshot below and is available in the "Carousel Options" area. This feature will disable arrows and navigation elements on carousel slideshows. --- Sometimes a white space appears under a MetaSlider slideshow. This can happen if one slide in the slideshow is larger than the others. One solution is adding this CSS to the slideshow. Use this guide on adding CSS to your site. ul. slides li{max-height: 401px ! important;} Occasionally this can also happen if you are using a caching or lazy load plugin. Please try disabling any plugins of that type to see if it resolves the issue. --- Good news for multisite users: you only need one site license for your multisite network. In your "Network Admin" area, use your email address and license key to connect to MetaSlider. com. Once that's done, you can click "Network Activate" and use MetaSlider Pro on all the sites on your network. --- You can cancel your MetaSlider Pro account at any time. You will keep access to MetaSlider Pro updates and support for the duration of your subscription. Log in to your account here at MetaSlider. Click "My Account" in the top menu. Click "Subscriptions" in the side menu. Click "Cancel" for your subscription. You will receive and email confirming the cancellation. The "Status" of your subscription will change from "Active" to "Pending Cancellation". Please note that canceling your account is not the same as getting or requesting a refund. Click here for our refund policy. --- This code in these examples show how to modify the captions on a MetaSlider slideshow. . Update the CSS on your website using one of these recommended methods. Changing the caption font size This CSS code shows how to modify the captions on a specific MetaSlider slideshow: Move the caption above the slideshow This CSS code shows how to move the captions on specific MetaSlider slideshow so they are over the main image. Replace 368 with your own slideshow id: Change the font in the caption Use the following CSS to change the font used in your slideshow captions. These fonts must be loaded on your site. This is normally done by your site's theme. --- In this guide, we'll explain some of the many ways that you can add a MetaSlider slideshow to your site. Almost all of the settings and configuration for your slideshow is done via the "MetaSlider" link inside WordPress. However, you have many options for how and where to display the slideshow. Option #1. Gutenberg Block If you use the new block editor in WordPress, you can search for and use the "MetaSlider" block as in the image below. After choosing this block, you will be asked to select the name of the slideshow you want to use. You will be able to see a live preview of your slideshow and also choose between "Normal", "Wide", and "Full" widths. Option #2. Shortcode 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. Click here for more details on customizing the shortcode. This next screenshot shows the shortcode placed inside the new block editor. One advantage of the shortcode option is that it can be used in other situations, such as the "Classic Editor" or pagebuilders. In the image below, we've added the shortcode to the old WordPress editor. In this next example, we've used the shortcode option to add MetaSlider to a site using Elementor: Option #3. Widgets If you use a theme that still relies on the classic widgets option, you can add a slideshow to... --- ---