Slider Factory Pro: 21 Responsive Slider Layouts

Build a slider in WordPress by choosing a layout, arranging slides in the visual editor, and publishing the result with a shortcode. The drag-and-drop builder lets you add titles and links and preview changes as you work. Add the shortcode to a post or page with the Gutenberg Shortcode block, Elementor Shortcode widget, or a compatible page builder such as Divi, WPBakery, or Beaver Builder.

Layouts are designed for desktop, tablet, and mobile screens, with touch-swipe navigation on phones and tablets. Multiple sliders can appear on one page, each with its own options and navigation.

Layouts for galleries, logos, and products

Slider Factory Pro includes 21 layouts in total: 12 free layouts and nine additional premium layouts for image and video sliders. Choose from carousel and slideshow formats, accordion and 3D coverflow layouts, photo view, snap page, and before-after comparisons. Logo carousels can scroll continuously, while WooCommerce product sliders display product cards in responsive columns.

Video, transitions, and navigation

Pro video sliders support YouTube and Vimeo. Mix video and image slides in the same carousel, with autoplay and smart pause controls. Transition settings include 3D flips, CSS3 cube animations, fades, and zoom effects.

Set arrow styles, bullet indicators, or progress bars to fit the slider. A clickable thumbnail bar can stay synchronized with the main slider. Adaptive height and auto-scaling adjust the slider to the active slide's dimensions. Pro also includes slide links and action buttons for directing visitors to other pages or external URLs.

Styling and slide behavior

Use the custom CSS editor in the slider settings panel for additional styling. Touch-swipe controls support mobile navigation; clean HTML5 markup, image alt tag support, and conditional CSS and JavaScript loading are also included.

Create and publish a slider

In the WordPress dashboard, open Slider Factory > Add New Slider. Select or upload pictures, select a layout, reorder the slides, and set autoplay and transition options. Save the slider, copy its shortcode, and place it in a Gutenberg Shortcode block, Elementor Shortcode widget, or compatible page builder area.