GutSlider Pro is the paid edition of GutSlider for the WordPress block editor. It adds 15 premium slider and carousel blocks, additional designs for existing blocks, and options for WooCommerce products and video. Existing free sliders keep working, with Pro options available in the same sidebar.

Add a block to a post, page, template, template part, or reusable pattern. Arrange images, text, headings, buttons, video, products, or other blocks in the editor, then configure and preview the layout in the sidebar. The visual process uses no shortcodes, page builder, or custom code.

Premium sliders and carousels

• Shader Slider uses WebGL transitions; Shutters Slider opens and closes like window shutters, while Slicer Slider divides images into slices as they change.
• Fashion Slider has an editorial style, and Triple Slider moves three images together. Card Slider presents stacked, swipeable cards.
• Hover Slider reveals an image when a visitor hovers over a title. Tinder Slider uses left and right card swipes, while Spring Carousel has physics-style motion.
• Panorama Carousel presents a curved panoramic view, 3D Carousel rotates slides in a ring, and Material Carousel uses expanding slides.
• Marquee Carousel scrolls images continuously. The WooCommerce Product Carousel and WooCommerce Product Categories Carousel arrange shop products or categories in carousels.

Designs and media options

Pro adds designs across GutSlider's Static, Flexible, Testimonial, Photo, Before After, Video, Blog Post, and Marquee blocks. Examples include Split Hero and Glass Card for Static Slider, Stacked Cards for Flexible Slider, 3D Coverflow for Photo Carousel, and Featured + List for Blog Post Slider.

The Before After block can compare videos in sync as well as images. It supports multiple comparisons with thumbnail switching, plus autoplay and fullscreen. Video Carousel options include lightbox playback, hover previews, silent looping backgrounds, custom thumbnails, and custom end times.

Static Slider can reveal its subtitle, title, description, and buttons in sequence, using rising words, flipping letters, blur, or mask reveal at a slow, normal, or fast pace. The sequence replays on each slide and waits until the slider is on screen. Flexible Slider adds content animations and background effects.

Marquee options include up to three rows moving in opposite directions, motion tied to page scrolling, drag or swipe movement, and reversing or speeding up while scrolling. Flexible Slider can use slide names as tabs. Other Pro controls include per-device slide visibility, responsive background images, clickable slide wrappers, remote navigation, and detached content. Static and Blog Post sliders can use thumbnail gallery navigation.

Responsive options and delivery

GutSlider controls include autoplay, looping, speed, effects, centered and free modes, and column counts. Navigation and pagination settings cover styles, positions, sizes, colors, and gaps. Many settings, including spacing, columns, and typography, have separate Desktop, Tablet, and Mobile values. CSS entrance animations can be applied to individual components with adjustable delays.

Photo Carousel supports a lightbox. Typography settings include Google Fonts and other font options. When a block uses a selected Google Font, its stylesheet and font documents are requested on pages where that block appears, sending visitors' IP addresses and browser visitor agents to Google. System and theme fonts do not make those requests. Video Carousel embeds YouTube and Vimeo videos and loads their thumbnails where used; visitors' IP addresses and browser user agents are sent to those services when media loads.

GutSlider uses native Gutenberg components and Swiper JS. Scripts and styles load only on pages that use a slider, each page gets one minified CSS file, and the plugin does not use jQuery. It is translation ready and RTL friendly. A dashboard setting lets you disable blocks you do not use.

Set up a slider

Open the post, page, template, template part, or pattern where the slider should appear and insert a GutSlider block. Add or choose content, then set its layout and responsive options in the sidebar. For a store display, select a product or product-category carousel. Add thumbnail navigation to a Static or Blog Post slider when visitors need that browsing option, then preview the layout across device settings before publishing.