Match a slider to its content

Image Slider Slideshow Pro is a paid WordPress edition for creating image, content, and video sliders. Use sliders in posts, pages, and other suitable areas to present sales, discounts, events, products, projects, company information, or product-use steps.

Pro includes 21+ layouts, including wheel and carousel options, and each layout has its own settings. You can make unlimited slides and color schemes. Responsive layouts and swipe gestures support touch navigation. The sliders are designed for major devices and browsers, with Bootstrap support and compatibility with any WordPress theme.

Set dimensions, navigation, and transitions

Choose a custom slider height and width, then select navigation arrows and configure dots or thumbnails. Pagination styles include markers, strokes, thumbnails, and numbers. Adjust slide-switching duration, autoplay, swipe navigation, and animation effects to control how visitors move through the slides. The mobile compatibility view lets you check the presentation on smaller screens.

Combine media with layered content

Add pictures from the WordPress media library or create a video slider using its dedicated video settings. Text settings and fancy box settings provide additional presentation options. You can place HTML content, including text and images, over individual slides. Layers can also contain interactive elements such as CTA buttons, badges, text, and titles.

Use WordPress builders and styling options

The extension works with Elementor, Beaver, and SiteOrigin Page Builder, with native support for the Divi Page Builder and new WordPress templating capabilities. Panel and page settings provide additional configuration. Custom CSS gives you more styling control, and you can place the generated slider code wherever it is needed on the site, including within pages or other suitable WordPress locations.

Create and place a slider

1. Create a slider and add images or video content.
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 styling.
6. Save the slider, place its generated code where it should appear, and review the mobile compatibility view before publishing.