Promotion Banners for Magento 2

Promo Banners

Introduction

Promotion Banners is a great solution for marketing promotions allowing, to create any number of banners and place them on any page of your store to grab your customers and visitor's attention.

Installation

The extension has 2 separate ways of installation, via Composer or by copying the code.

Please follow this Installation Guide to install the extension.

Extension Configuration

Configuration Settings

To access the configuration settings for this extension, log into the Magento Admin panel and go to STORES ⟶ Configuration ⟶ ULMOD EXTENSIONS ⟶ Promotion Banner.

General

In the General section the following settings are available :

Enable the extension - allows enabling or disabling the extension in the storefront.

Display "close" promo arrow - if set to Yes, the close arrow will appear in the top right position of the promo, allowing customers to manually close the promotion banner.

Close arrow - select the close arrow type to display in the promo banner, 4 arrows types available.

Display multiple promotion banners - if set to Yes, banners set with the same position on the page will show in slider. Please, use the same resolution images for the best results.

Delay between each slide (seconds) - Specify the interval time (in seconds) between each slide. Eg 6.

Auto close slider after (seconds) - Defines the amount of time (in seconds) for the slider to automatically close. If set to "0" the auto close slider will be disabled.

Display navigation arrows - if set to Yes, "Next" / "Prev" navigation arrows will appear on the slider.

Display pagination - if set to Yes, the navigation bullets (pagination) will appear on the slider.

Managing Promotion Banners

The extension allows store administrator to manage all the promotion banners from the admin panel, on a flexible interface. To view, edit or create new promotion banner, please go to MARKETING ⟶ Promotion Banner by Ulmod ⟶ Manage Promo Banner. A convenient grid displays all your promo banners. The mass actions allow managing promo banner quickly. Store administrator can also search and filter promo banner from the grid.

Note: during the initial setup this grid will be empty.

To create a Promotion Banner click "Create New Promotion Banner" button. The Promotion Banner contains three settings sections: General, Display, and Content.

General

In the General section the following settings are available :

Name - defines the name of the Promotion Banner for internal identification purposes.

Enable - enable or disabled the Promotion Banner.

Store Views - select stores, where your promotion banner should be displayed.

Customer Group - select the customer groups the promotion banner will be displayed for.

Display From/To - set a time interval, when a promotion banner is activated.

Priority - defines the promotion banner priority. When several promotion banners are displayed in the same position, banners with the highest priority will be displayed at the top.

Content

The following settings are available in the Content section :

Banner Type - allows to choose whether to use Image or HTML content for your promotion;

If Image, simply upload a picture of any format and define the link to include in the image and the title;

 

If HTML, create a catchy promotion banner, using HTML code. You can insert media in the promotion banner and provide necessary links.

Height (pixel) - defines the height of the promotion banner in pixel. Eg 50;

Background Color  - defines the background color of the promotion banner;

Display

In the Display section, it's possible to set up the following :

Display On  enables to choose the type of pages to display the Promotion Banner:

  • Home Page - the banner is displayed at the selected position on the homepage;
  • Category Page - the banner is displayed at the selected position on the category page;
  • Product Page - the banner is displayed Below Cart Button on the product page;
  • Cart Page - the banner is displayed Below Total on the cart page;
  • Checkout Page - the banner is displayed at the selected position on the checkout page;

Display To All Categories: set to Yes to display banner to all categories. If set to No, please select categories to display banner under Select Categories Tab

Display To All Products: set to Yes to display banner to all products. If set to No, please select the product(s) to display banner under Select Products Tab

Position enables to choose where to display the Promotion Banner at the target page.

  • Top of Page - the banner is displayed on the top of the selected page;
  • Before Main Menu - the banner is displayed before the main menu on the selected page;
  • After Main Menu - the banner is displayed after the main menu on the selected page;
  • Main Content Top - the banner is displayed in the main content top on a selected page;
  • Main Content Bottom - the banner is displayed in the main content bottom on a selected page;
  • Bottom of Page - the banner is displayed on the bottom of the selected page;
  • Below Cart Button (Product Page Only) - the banner is displayed below the cart button on the product page;
  • Below Total (Cart Page Only) - the banner is displayed below total price on the cart page;
  • Sidebar Main - the banner is displayed on all pages in the main sidebar block;
  • Sidebar Additional - the banner is displayed on all pages in the additional sidebar block;
  • Sticky Top - the banner appear sticky at the top of the page;
  • Sticky Left - the banner appear sticky at the left side of the page;
  • Sticky Right - the banner appear sticky at the right side of the page;
  • Sticky Bottom - the banner appear sticky at the bottom of the page;

Auto Close Banner After (seconds)  defines the time (in seconds) to auto close the promotion banner. If set to '0' the auto close promotion banner will be disabled.

select product to display the banner(s) under Select Products Tab

Note: Make sure that Product Page option is selected under Display On field before selecting the products

select category to display the banner(s) under Select Categories Tab

Note: Make sure that Category Page option is selected under Display On field before selecting the categories

Frontend View

Once the promotion banners are created, they will display in the storefront as follow:

Homepage

Example of two separate promotion banners with Banner Type "HTML" displaying "Before Main Menu" of the homepage

Category Page

Example of one promotion banner with Banner Type "Image" displaying in "Sidebar Main" on the category page

Product Page

Example of one promotion banner with Banner Type "HTML" displaying "Below Cart Button" on the product page

Cart Page

Example of a promotion banner with Banner Type "HTML" displaying "Below Total" on the cart page.

Checkout Page

Example of a promotion banner with Banner Type "HTML" displaying on the "Main Content Bottom" of the checkout page

Extension Support

Need Help?

Ulmod Support team is always ready to assist you, no matter which part of the world you are in. If something does happen and you think you might be experiencing an issue or bug, please contact us via [email protected] or submit a ticket from our Helpdesk Ticket and we will help you out.

Got Questions?

Should you have any questions or feature suggestions, please Contact Us. Your feedback is welcome!

Extension Product Page