Build sliders with Elementor or Gutenberg

HT Slider For Elementor Pro is a WordPress slider builder for Elementor and the Gutenberg block editor. Create section, post, content, video, and product carousel sliders, along with scroll navigation sliders. Build slides with Elementor drag-and-drop addons or Gutenberg blocks, then display them through an Elementor addon or shortcode. Styling and display controls let you adjust each slider's appearance and behavior.

Choose post sources and slide layouts

The Pro edition can display content from any custom post type, including WooCommerce products. Select posts by category or author, show them by ID, or exclude specific posts. Post layouts support one to five entries.

For custom content slides, pick between two layouts and style each slide individually. You can also select a slide effect, enable vertical slide mode, and use variable width.

Set navigation, pagination, and display

Turn navigation and pagination on or off. Navigation can use an icon, picture, or text, with custom arrow positioning. Available navigation positions include the default position, right center, and bottom left.

Place pagination at the bottom center, bottom left, bottom right, right center, or left center. A custom position can use X and Y offsets. Autoplay can be enabled or disabled, and mobile and tablet display options let you adjust how sliders appear on smaller screens.

Start with a template or choose a use

Pre-made slider templates cover categories including fashion, furniture, electronics, cosmetics, books, cars, food, jewelry, sports, watches, utilities, and more. Use them as a starting point for product showcases, portfolio sections, editorial content, category highlights, or promotional areas.

• Display WooCommerce products in a carousel.
• Present posts by category or author.
• Create image or video sliders.
• Use custom post types as slide content.
• Guide visitors through page sections with scroll navigation.

Installation and process

1. Add HT Slider For Elementor Pro to your WordPress site.
2. Create slides with Elementor addons or Gutenberg blocks.
3. Configure the content source, layout, styling, navigation, pagination, autoplay, and device display options.
4. Place the slider with an Elementor addon or shortcode, then review its mobile and tablet presentation before publishing.