Banner Slider extension for Magento 2 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.
Create 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.
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.
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.
- Open source 100%.
- Easy to install and configure.
- User-friendly interface.
- 1-year support.
- 1-year upgrade.
- 30 days guarantee money back.
- Fully compatible with Mageplaza extensions
- Supports multiple stores.
- Supports multiple languages.
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.
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:
Click on Banners tab, and choose uploaded banners. You also can sort order by position.
Then Save Banner, you can see
slider_id in this example is 1
Step 3: Insert into Homepage
Admin > Content > Pages > Homepage > Content
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:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
<block template="slider.phtml" class="Mageplaza\BetterSlider\Block\Slider" name="mageplaza_betterslider"/>