How To Use Elementor Widgets To Navigate Through Carousel Widget Slides

Today we are happy to introduce a new feature to our customers. Now easily you can create navigate through the Elementor Carousel widget with any element button, image, icons, Lottie animation, etc. This will enable you to use any Elementor element in your page to navigate through Premium Carousel widget for Elementor.

First, make sure that you have the latest Elementor Premium Addons version installed on your site.

  • Drag and drop Elementor carousel widget to the page.
Elementor Carousel Widget
Elementor Carousel Widget
  • Navigate to widget settings -> Content Type -> select Repeater option.
Set Elementor Carousel Content Type to Repeater
Set Elementor Carousel Content Type to Repeater
  • Select the Elementor Template that you want to insert inside the carousel. For further clarification about creating a template for Elementor, please check this article.
Select Elementor Template in Elementor Carousel Widget
Select Elementor Template in Elementor Carousel Widget
  • Assign an ID for the template. For example #slide-1 from Custom Navigation Element Selector option. This ID will be used later to link the element you want to use to navigate the carousel to this slide.
Assign ID to Elementor Template Used with Elementor Carousel Widget
Assign ID to Elementor Template Used with Elementor Carousel Widget
  • Insert the element you want to use to navigate through the carousel slides. We will use a button in this case. All you need to do is navigate to widget settings -> Advanced tab -> insert a CSS ID and make sure that it’s the same as the one we added before in Custom Navigation Element Selector, in my example its “slide-1”. Please make sure that IDs are inserted without the hash ‘#’.
Assign ID to Elementor Element
Assign ID to Elementor Element for Premium Carousel widget navigation

Now everything is settled up and you will be able to navigate through the carousel slides using any elements on your page.

Premium Carousel Widget Custom Navigation
Premium Carousel Widget Custom Navigation

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 20+ Elementor Widgets Totally Free of charge.