Image Slider Slideshow Pro creates responsive image, content, and video sliders for WordPress. Use a slider in a post, page, or other suitable area to present sales, discounts, events, products, projects, company information, or product-use steps. The selected layout determines its available options; dimensions and controls shape how the slider appears and how visitors move through it.

Choose media and shape the presentation

Add images from the WordPress media library or make a video slider with its dedicated video settings. Pro includes 21+ layouts, including wheel and carousel options, each with its own settings. You can create unlimited slides and color schemes, then set a custom slider width and height.

Choose navigation arrows and configure dots or thumbnails. Pagination styles include markers, strokes, thumbnails, and numbers. Slide-switching duration, autoplay, swipe navigation, and animation effects control transitions and user navigation. Responsive layouts support touch swipe gestures. The sliders are designed to work across major devices and browsers, with a mobile compatibility view for checking smaller screens.

Add content over individual slides

Text settings and fancy box settings provide additional presentation options. Layered HTML content can place text and images over individual slides. Interactive elements can include CTA buttons, badges, text, and titles, alongside the slide's visual material.

Fit the slider into a WordPress page

The plugin supports Elementor, Beaver, and SiteOrigin Page Builder, plus native Divi Page Builder support and new WordPress templating capabilities. Panel and page settings provide further configuration areas. Bootstrap support and compatibility with any WordPress theme offer additional layout flexibility, while custom CSS gives you more styling control. Place the slider code wherever it is needed, including in pages or other suitable WordPress locations.

Setup sequence

1. Create a slider and add images or video.
2. Choose a layout and adjust its individual settings.
3. Set dimensions, navigation, pagination, autoplay, and transition behavior.
4. Add text, images, or other HTML content in layers when needed.
5. Use custom CSS or page-builder support to fit the slider into the page design.
6. Save the slider, place its generated code where it should appear, and review the mobile compatibility view before publishing.