Magento Slider extension
Showcase products, offers, and seasonal sales on your Magento website in a smooth slider that grabs attention and moves visitors closer to taking action.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Slider extension
Configure your Slider and add it to your Magento website for free!
Screenshots
Showcase Products and Offers with a Magento Slider
Create a slider with images and videos to show your offers and catch the attention of visitors on your Magento website. Use any number of slides to present your brand and mark hot deals, add visual effects, and scale the image or video size the way you like.
A Magento image Slider puts your key visuals in one noticeable place. Visual effects make your content stand out, and CTA buttons on slides guide visitors toward conversion.
Key Features of Magento Slider Extension
All features are available straight in the editor, so you can build the slider your page needs.
- Add CTA buttons to slides to guide visitors toward conversion.
- Adjust the slide switching duration.
- Use any number of slides.
- Add visual effects and scale the image or video size.
- Place your content anywhere on the page with advanced position.
- Show images, videos or offers in one slider.
How to add Slider to Magento
Build your slider in the free Elfsight editor, copy the code, and add it to Magento with the method that fits your page.
Method 1: Add the slider to a CMS page with Page Builder
Page Builder is available in Adobe Commerce from 2.3.1 and in Magento Open Source from 2.4.3.
- Create your slider in the Elfsight editor and customize it.
- Copy the installation code from Elfsight.
- In Magento Admin, go to Content → Pages.
- Next to your page, click Select, then click Edit.
- Expand the Content section.
- In Page Builder, open Elements and drag HTML Code to the stage.
- Hover over the container and click the Settings icon.
- Paste the code into the text field.
- Click Save, then save the page.
- If Magento shows an outdated cache message, go to System → Tools → Cache Management and click Refresh.
Method 2: Show the slider on all product pages or categories with a CMS block
- Create your slider in the Elfsight editor and copy the installation code.
- In Magento Admin, go to Content → Blocks and click Add New Block.
- Set Enable Block to Yes and fill in Block Title, Identifier and Store View.
- In Page Builder, add the HTML Code element and paste the code into it.
- Click Save.
- Go to Content → Widgets and click Add Widget.
- Choose Type: CMS Static Block and your current Design Theme, then click Continue.
- Enter a Widget Title and choose Assign to Store Views.
- Under Layout Updates, click Add Layout Update and choose Display on: All Product Types, Anchor / Non-Anchor Categories or All Pages.
- Choose a Container, then under Widget Options click Select Block and pick your block.
- Click Save.
- If Magento shows an outdated cache message, go to System → Tools → Cache Management and click Refresh.
On checkout pages, scripts from Miscellaneous HTML will not run until your developer whitelists the domains in CSP.
No module to install
The Magento Slider widget works without a module. You add it with standard Admin tools: the HTML Code element in Page Builder, a CMS block or Design Configuration.
- The widget loads from Elfsight servers, so there is no module whose compatibility you must check when Magento updates.
- One CMS block via Content → Widgets can show the slider on all product pages, in categories or on all pages.
- Edits in the Elfsight editor update the slider on your storefront.
How do I show the slider on all product pages or categories?
Put the code in a CMS block, then use Content → Widgets to show that block on all product pages, in categories or on all pages.
Do I need to refresh the cache after adding the slider?
Yes. After editing blocks, widgets or Design Configuration, refresh the cache in System → Tools → Cache Management.
Does the slider work on checkout pages?
Not by default. On checkout pages, scripts from Miscellaneous HTML will not run until the domains are whitelisted in CSP, so ask your developer to check it.
Can the Magento Slider plugin show images and videos?
Yes. The slider can show images, videos or offers.
Can I add CTA buttons to slides?
Yes. CTA buttons on slides guide visitors toward conversion.
Can I change how long each slide stays on screen?
Yes. You can adjust the slide switching duration.
How many slides can I add?
Any number of slides.
Does the slider have visual effects?
Yes. Visual effects are available, and you can scale the size of images and videos.
Is the editor free, and can I get help with installation?
Yes, the editor is free. Installation help is available.
Slider Template Catalog
Choose from our ready-to-use widget templates to use as is, or customize them to suit your style.
Embedding a carousel of multiple images is cool for a visually stunning presentation on your website.
Embed promotional banners seamlessly into your website with a dynamic slider.
Creating a photo slideshow serves perfectly to highlight your photography work on your website.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform solution that suits for any website
from $0 / month
start with a free plan
Unlimited websites
Dedicated and on-time support and well documented
Free installation help
100% customizable
Price to catch for multiple apps