Custom Swiper Slider for Elementor

Description

Custom Swiper Slider for Elementor is a powerful and flexible slider widget built on top of Swiper.js, integrated seamlessly with Elementor.
It allows you to create beautiful, responsive sliders with:

✅ Elementor Templates as slide content
✅ Editor content per slide
✅ Custom arrows (icon or image)
✅ Pagination (bullets, fraction, progressbar)
✅ Grid mode (rows × columns)
✅ Slides per group
✅ Loop, autoplay, slide effects (fade, cube, coverflow…)
✅ Full responsive settings for mobile, tablet and desktop

Perfect for developers and designers who want full control without limitations.

Features:

  • Drag-and-drop support inside each slide (via templates)
  • Navigation: custom arrows (icon or image)
  • Pagination: bullets, fraction, progressbar
  • Multiple sliders per page
  • Lightweight, clean and modern codebase
  • Full responsive breakpoints for:
    • Slides per view
    • Slides per group
    • Rows
  • Template-based slide rendering via Elementor Saved Templates
  • Editor-based slide content supported too

Built with ❤️ for Elementor users.

Support future development:
https://www.buymeacoffee.com/mykolapsuk

Credits

This plugin uses Swiper.js under MIT license.
Built by Mykola Psuk 💻

Buy me a coffee: https://www.buymeacoffee.com/mykolapsuk

Screenshots

  • Slider with two event-style templates showcasing plugin-based event cards with dates and location.
  • Hero Section layout repeated across three slides with heading, text, and button, styled in flat blue.
  • Alternative Hero Section variation with pink theme, showing styled button and centered content.

Installation

  1. Make sure the Elementor plugin is installed and activated (Plugins Add New search “Elementor” Install Activate).
  2. Upload the Custom Swiper Slider for Elementor folder to /wp-content/plugins/ or install the ZIP via Plugins Add New Upload Plugin.
  3. Activate Custom Swiper Slider for Elementor from Plugins.
  4. Open the Elementor editor and add the widget “Custom Swiper Slider for Elementor” to your page.
  5. Configure your slides and settings, then click Update to save.

FAQ

Can I use Elementor templates as slides?

Yes! You can choose between template-based slides or inline editor content.

Does it support Swiper grid (rows x columns)?

Absolutely. Enable Grid mode and define number of rows and fill direction.

Is it compatible with latest Elementor?

Yes. It’s tested with Elementor 3.20+ and WordPress 6.6+

Can I have multiple sliders on the same page?

Yes! Every slider instance gets a unique ID automatically.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Custom Swiper Slider for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Initial release
  • Support for templates, editor, pagination, grid, breakpoints, autoplay, effects