Classic Elementor widget · Free
The content slider widget for Elementor builds each slide from the text editor or a saved template, then you choose how the Elementor content carousel moves: slide, fade, coverflow, flip or cube. Show one slide or several, loop them, play them on their own and add arrows, bullets, a fraction or a progress bar. Free, on Elementor Free.
The short answer
The Content Slider is a free Elementor widget from Animation Addons that turns a list of slides into a responsive carousel. Each slide is either text you write in the editor or a saved Elementor template, so a slide can hold any layout. You set how many slides show at once, the effect (slide, fade, coverflow, flip or cube), autoplay, loop, arrows and pagination.
It is a classic widget for the Elementor 3 editor that keeps working in Elementor 4. Because a slide can be a saved template, the same widget works as an Elementor text slider, a simple Elementor testimonial slider, an image and text slider or a rotating content banner. Think of it as an Elementor slider addon that slides anything you can design.
Also searched as: elementor content slider, content slider widget for elementor, elementor content carousel, free elementor content slider, elementor text slider, elementor slider with text and button, how to add a content slider in elementor, elementor testimonial slider, elementor slider autoplay, elementor fade slider, elementor coverflow slider, elementor content slider vs image carousel, elementor slider with multiple slides, elementor slider addon.
Live demos
Three content sliders on small business sites: a row of service cards, a portfolio that fades between projects and a room gallery with the Coverflow effect. Use the arrows or the dots, drag the slides, or press the keyboard arrows once a slider has focus.
Six ways we help brands grow
Six short service descriptions in thin outlined boxes. Three show on a wide screen and one on a phone. The square arrows move one card at a time, and the row loops without end.
Click the arrows or dragSlides to Show is 3 on desktop, 2 on tablet and 1 on mobile. Space Between is 20, Loop is Yes and Animation Speed is 500.
01 /04
Shally
Lookbook
2026
02 /04
Halden
Website
2025
03 /04
Medica
Booking app
2025
04 /04
Sahara
Film site
2024
An Elementor fade slider for selected work. Each slide shows a project number, the client, the type of job and the year beside a portrait. A new project fades in every 8 seconds. The arrows are hidden, so visitors swipe or wait.
Wait, or drag the photoEvery slide has Content Type set to Saved Templates. Effect is Fade, Animation Speed is 1500 and Autoplay delay is 8000.
Five rooms, one calm palette
An Elementor coverflow slider of finished rooms. The centred photo faces you and the ones beside it turn away in 3D. It moves every 3 seconds and the dots jump to any room.
Click a dot or dragEffect is Coverflow with Center Slide on. Autoplay delay is 3000 and Pagination Type is Bullets.
Features
Every item below is a real setting in the widget panel. No code needed.
Set each slide’s Content Type to Content for an Elementor text slider, or to Saved Templates to slide any design you built in Elementor.
Pick an Effect: Slide, Fade, Coverflow, Flip or Cube, and set the Animation Speed.
Show 1 to 10 slides at once with Slides to Show, with its own value for desktop, tablet and mobile.
Turn on Autoplay, set the Autoplay delay, and use Loop for a carousel without an end.
Show Navigation arrows with your own icons, and Pagination as bullets, a fraction or a progress bar.
Use Enable Grid and Grid Rows for two rows of slides, or Center Slide to keep the active slide in the middle.
Let visitors swipe with Allow Touch Move, scroll through slides with Mousewheel, and flip the direction with Left/Right Direction.
Give every slide a Background, Border, Border Radius and Padding, limit the width with Max Width, line slides up with Align Items, and place the arrows and the pagination exactly where you want them.
Step by step
Five steps, no code. The bold names are the labels in the Elementor panel.
Install and activate Animation Addons for Elementor from WordPress.org, and turn on Content Slider in the plugin’s element list.
Open your page in Elementor, search the panel for Content Slider and drag it onto the page.
In Content Slides, add a slide for each item and set its Content Type: write text, or pick a saved template.
In Slider Options, set Slides to Show, the Effect, Autoplay, Loop, Navigation and Pagination.
Style the slides, arrows and pagination in the Style tab, check tablet and mobile, and publish.
Honest comparison
Elementor content slider vs image carousel: Elementor’s free Image Carousel is the quickest way to slide photos. The Content Slider slides any content, with more effects and layouts.
| Feature | Content Slider (Animation Addons) | Image Carousel (Elementor) |
|---|---|---|
| Plan | Free | Free |
| What a slide holds | Text, or any saved Elementor template | One image with an optional caption |
| Effects | Slide, Fade, Coverflow, Flip, Cube | Slide or Fade |
| Slides in view | 1 to 10, per device | 1 to 10, per device |
| Autoplay and loop | Yes | Yes |
| Grid rows | Yes | No |
| Center Slide | Yes | No |
| Mousewheel control | Yes | No |
Compared with Elementor 3 and 4 and Animation Addons for Elementor, October 2026.
FAQ
Drag the free Content Slider from Animation Addons onto the page, add a slide for each item in Content Slides, and set Slides to Show, Effect, Autoplay and Navigation in Slider Options. No code is needed.
Yes. Set Content Type to Saved Templates and pick a template. Build the slide as a normal Elementor template, with headings, images and buttons, and the slider shows it as one slide.
Yes. Make a saved template with a heading, text and a Button widget, then pick it as the slide. Repeat for each slide.
Slide, Fade, Coverflow, Flip and Cube. Use Fade for an Elementor fade slider and Coverflow with Center Slide on for an Elementor coverflow slider. Fade, Flip and Cube show one slide at a time.
Set Slides to Show to 3, or any number up to 10. It is responsive, so you can set 2 for tablets and 1 for phones, and use Space Between for the gap.
Turn on Autoplay and set the Autoplay delay in milliseconds. Autoplay Interaction decides whether it stops once a visitor uses the arrows or swipes.
Yes. Pick your own Previous and Next Arrow Icon, and set Pagination Type to Bullets, Fraction or Progressbar. The Style tab sets their size, colours and position.
Yes. It is a free Elementor content slider in the Animation Addons plugin on WordPress.org and works with Elementor Free. Elementor Pro is optional. The scroll entrance in demo 02 is an Animation Addons Pro animation.
Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.
Pairs well with
Widgets from the original page that work well with the Content Slider. See all 102 widgets.
Animation Addons Pro · Elementor 4
A content carousel for text or any saved template, free on Elementor Free.
