Magento 2 Banner Slider extension

Magento 2 Banner Slider extension is a powerful marketing tool that helps you create efficiently and effectively unlimited beautiful responsive banner Slider that will show your promotional campaign



30-day Money Back


1-Year Update


1-Year Support

Compatible with: CE 2.0 - 2.1.0, EE 2.0 - 2.1.0

Magento 2 Banner Slider is a powerful marketing tool that helps you create efficiently and effectively unlimited beautiful responsive banner Slider that will show your promotional campaign. With our extension, you can custom banner as you expect. Easily choose the suitable position to show your banner with more 30 available positions. Attract more customers’ eye catching and encourage them to look the banners and get the information that you expect to share.

Magento 2 Banner slider extension support you to create image carousel slider, image scroller and video LightBox. The extension also supports images, YouTube, Vimeo, mp4 and webm videos. It's fully responsive, works on iPhone, iPad, Android, Firefox, Chrome, Safari, Opera and Internet Explorer.

Fully written in jQuery, touch enabled extension based on OWL Carousel that lets you create beautiful responsive carousel slider.

How does it work?

Setup banners and sliders from the backend

Magento 2 Banner Slider provides full of necessary information for store admin who can select the slider mode and configure the banner as your need.

Show banners in the frontend

Basing on your configuration, the banner slider will display with the best appearance on the corresponding positions. Ensure that the banner slider will make your storefront more lively and attract more customers.

Support multiple slider typesCreate unlimited banners, slider

It is very easy for you to upload, edit and delete the image for banner in banner information in backend. Banner Slider extension supports multi image types as: jpg, jpeg, gif, png. If you require other image kinds, please contact us to configure.

Great tool for marketing

Banner slider is an effective marketing tool that helps you have a good position to show your promotion information in order to attractive customer. With that feature, you can link customer to the path you want. To know more with promotional details, customer just need to click on banner (slider) easily.

Easy custom banner slider

This feature allows admin custom banner with an attractive text. You can choose an interesting content and add the position you want such as: top, right, bottom, left, top left, top right, bottom left, bottom right, middle, etc. Banner with content text will become more eye-catching and engaging.

Custom banner slider effects

Normal types of sliders will be bored and reduce the effectiveness of your promotional campaign. Now, you can easily to create sliders with different effects and set the active time for them.

Put banner slider everywhere

10 positions available to show sliders (banners) on your website. That is easy and convenient to choose the most suitable one in order to increase the effectiveness of your Banner Slider. Moreover, you can also preview how it looks when setting up banners.

Report (Coming soon)

Report is very important that reflects the power and effectiveness of your banner slider. Depends on the report, you will choose where change or keep current banner performance and information.

Great working with Fantastic Checkout Module

Magento 2 One Step Checkout extension converts two default checkout steps into one step checkout. Improving the checkout process plays important role of increasing conversion rate by 60% and reducing abandonment cart by 66%.

magento 2 banner slider great working with one step checkout

Fully Compatible with Layered Navigation

magento 2 banner slider compatible with layered navigation

Magento 2 Layered Navigation is the super sitemap in your ecommerce store, that allows describing the demands in detail via multiple attributes at once. All of the search results will be loaded instantly via Ajax technology.

Full feature list

  • Allow upload image for banner
  • Support adding button and link for banner
  • Easily add content text for banner
  • Choose flexible and suitable position of content text
  • Support multi effects for banner ( included over 12 effects)
  • Preview banner while setting the content and position of banner
  • Support 60 positions to put banner on site
  • Support for SEO
  • Can view reports on clicks and impressions of banners
  • Can create your own slider style by inserting custom codes

Other features

  • Display Featured Products
  • Open source 100%.
  • Easy to install and configure.
  • User-friendly interface.
  • Fully compatible with Mageplaza extensions
  • Supports multiple stores.
  • Supports multiple languages.

User Guide

In this guide, I will show you how to insert A banner slider into Homepage of Magento 2 store.

Step 1: Add new banners

First of all, you should add banners into your store. From Magento 2 Admin > Banner Slider > Banners > Add New Banner

Fill information, upload image file to Upload File file.

add banner slider

Then Click Save Banner You can add as many banners as you want. After finish adding banners, you can go to next step: add a new slider.

Step 2: Add a new slider

From Magento 2 Admin > Banner Slider > Sliders > Add New Slider

Fill Slider information as the following:

add slider

Click on Banners tab, and choose uploaded banners. You also can sort order by position. select banners

Then Save Banner, you can see slider_id in this example is 1

banner slider id

Step 3: Insert into Homepage

Go to Admin > Content > Pages > Homepage > Content

{ { block class="Mageplaza\BetterSlider\Block\Slider" template="Mageplaza_BetterSlider::slider.phtml" banner_id="1" } }

You can change your own banner_id value depend on your store.

Then click Save Page.

Step 4: Flush Cache and Check result

To flush Magento cache, you can follow this guide: Magento 2 how to flush cache

Navigate your browser to Magento homepage and check result. Here is what we get.

How to insert Banner Slider in layout file

In Xml file, you can insert the following block of code:

<?xml version="1.0"?>
<page xmlns:xsi="" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <referenceContainer name="content">
        <block template="slider.phtml" class="Mageplaza\BetterSlider\Block\Slider" name="mageplaza_betterslider"/>


Submit your review


Your email address on Mageplaza's store


Plain text, no HTML tags.


Banner Slider screenshots
Banner Slider screenshots
Banner Slider screenshots