Build sliders in Elementor

Prime Slider Pro adds slider widgets to Elementor’s drag-and-drop editor. Arrange slide content, then use visual controls to set layouts, colors, fonts, titles, buttons, animations and navigation. Use a hero slider for a prominent page section, a post slider for articles, a WooCommerce slider for products, or a content slider to organize information.

The Prime Slider collection is described as including 57 or more widgets, eight skins, three essential capabilities, a slider extension and more than 120 ready-made sliders.

Choose a format and control how visitors view

• Hero sliders for homepage and landing page sections
• Post sliders for articles and other WordPress content
• WooCommerce product sliders for store items
• Image, video and logo sliders for visual content
• Content and carousel sliders for information and browsable items
• Testimonial sliders for customer quotes

Slides can include clickable components, including interactive videos. Autoplay advances slides automatically and can pause on hover. Visitors can also move through slides with navigation controls, touch-swipe gestures or keyboard controls. Responsive breakpoints let you adjust presentation for phones, tablets and desktop screens.

Post, custom and store layouts

Post designs include Fluent, a full-width blog layout; Knily, with floating thumbnail tabs; Marble, which presents posts as a horizontal timeline; and Material, a clean post display.

Custom slider widgets include Astoria for hero sections, Avatar for pictures, Crossroad for posts and Custom for templates you make. Escape uses creative navigation and animations; Flexure synchronizes its background with a tab-like layout that changes images when visitors hover over titles. Fortune, Monster, Paranoia, Pieces, Prism, Coddle, Reveal, Titanic, Pandora, Turnar and Motion provide other content layouts, transitions and animation styles.

For WooCommerce, Woo HotSpot focuses on product discovery, Wooexpand uses an accordion-style presentation, and WooStand presents featured products. Remote Arrows, Remote Fraction, Remote Pagination and Remote Thumbs let you place slider navigation or thumbnail galleries separately. The Event Calendar widget shows event details and countdowns, while Adaptive Background changes the background image or color with the slide content.

Responsive behavior, compatibility and process

Prime Slider works with Elementor Free and Elementor Pro. A Pro license for Elementor is not required to use the free widgets. It also supports WordPress posts, custom post types, custom taxonomies and WooCommerce content. RTL and translation-ready support help with multilingual websites, and accessibility capabilities support screen reader use.

Asset loading is on demand: pages load CSS and JavaScript for the Prime Slider widgets placed on them, and unused widgets can be disabled in the admin dashboard. To build a slider, add a widget to a page in Elementor, pick a layout or ready-made styling, then adjust its content, styling, navigation, animation and responsive options. The duplicator can copy posts, pages or Elementor templates, and Live Copy/Paste can bring demo content into the Elementor editor.