Thanks to the Promotional Banner module, amplify the impact of your promotions and special offers, and generate more sales by displaying an enticing promotional banner with a countdown on all pages of your site! Easily and effectively communicate with your visitors throughout their purchasing journey by customizing the display and message of your banners. This module is ideal for announcing a new product, a special offer... to your clients. Rely on him to highlight your promotional codes and close more sales. It is also easily customizable to the colors of your store. Below you will find all the necessary information for understanding and using this module.
Configuration Tab
Front office: display on your site
The banner created by this Promo Banner module will be displayed on your site in the header, and it will remain visible on all other pages. It should also be noted that only one banner is allowed at a time, and it will be automatically removed when the cart rule is no longer valid.
Back office: configuration of your module
First, begin by inserting the name and customizing the height of your banner as well as its background color. Please note: only the height of the banner is configurable; your banner will always take the full width of the page.
Note: By default, the height of the banner is set to 60px; do not hesitate to conduct tests on your site to determine which size is most suitable!
To facilitate the configuration of your promotional banner, PrestaShop offers you 3 different categories of banners. Each of them corresponds to a type of information that could be displayed on your site:
- General information: launch of a new collection, featured blog article, clearance products, etc.
- Free shipping
- Promotions / special offers
Option 1: General information
This option will allow you to display general information regarding your store, such as the release of a new collection, upcoming events, etc.
- Start with the text - the message you wish to convey to your customers. Fill in this text in all the available languages of your store (for example: Discover our new collection, Découvrez notre nouvelle collection...), as well as customize the font, color, and size of it.
- You will have the option to add a Call to Action to your banner. You simply need to add a URL (for example: new collection page) to make the text clickable and add a button to attract the attention of your visitors: clicking on this text will redirect the customer to a new tab. Regarding the button, you will be able to customize the displayed text, as well as the text color and the background color of the button.
When configuring your promotional banner, you have the option to preview your creation at any time, which is displayed on the right side of the configuration page.
Option 2: Free shipping
For this option, you can either use Cart Rules or Carrier Preferences to create your customized promotional banners.
- Find all your rules in the Promotions > Cart Rules tab and click on the + at the top right of the page to create new ones.
- In Transport > Preferences, under the Handling section, easily modify your rules for free shipping. Find more details on creating cart rules and carrier preferences further down in the documentation.
Cart Rules
Selecting the Cart Rules option will grant you access to your available discount coupons (active and valid) as of the current date. You will be able to select the coupon you wish from a dropdown list available on your module configuration page.
It is also possible for you to display a timer on your banner to attract more attention from your visitors.
- If you choose to disable the timer, you will only have a text field to fill out and format. We recommend that you fill out this text in all the available languages of your store.
- If the timer is activated, 2 text fields will be available for you. You can fill in either one field or both of the 2 proposed text fields. Note: In all cases, the position of the timer will be adjusted on the banner for better visibility.
- The formatting of the text fields, as well as the timer, is customizable according to your needs.
At any time during the configuration of your promotional banner, you have the option to preview your creation as it appears on the configuration page.
How to create a cart rule?
If you are on 1.7, click on the Catalog tab in the column located on the left side of your PrestaShop Back Office, then choose Promotions.
If you are on 1.6, click on the Promotions > Cart Rules tab.
- First, begin by filling in the general information regarding your cart rule: what will be the name displayed on the customer's cart as well as on their invoice? What is the discount code?... Please note that if you do not wish to generate a discount code, the discount will automatically apply to customers who meet the conditions of your rule.
- You must then define the conditions of your discount coupon: the validity period of the coupon, the minimum cart amount required to benefit from the coupon, the quantity of coupons available, etc.
- Finally, define the type of discount you wish to associate with your cart rule: does it pertain to free shipping, a discount, or a gift? It is also possible for you to activate multiple types of discounts simultaneously.
When configuring your new promotional banner, we advise you to check whether the promotional code/coupon is properly activated before using it.
Carrier Preferences
If this option is selected, you will have 3 text fields to fill in, these 3 fields correspond to key moments in a customer journey in your store:
- When the customer's cart is empty
- When the basket contains at least one item but does not yet reach the minimum threshold to benefit from free shipping costs
- When the basket reaches the minimum threshold and the shipping costs are free Compared to the 2nd scenario, it is recommended that you use sentences like “Only {{price}} {{currency}} remaining for free shipping”. The {{price}} tag will allow updating the remaining amount before reaching the minimum threshold as the customer adds items to their cart. The {{currency}} tag, for its part, will help convert this amount to the currency chosen by your customers.
Example: Upon a customer's arrival on your site, the banner displays the information "Free shipping on orders over €50." After browsing your product catalog, the customer decides to add an item priced at €19.99.
in his cart. At that moment, the text on the promo banner will automatically change to "Only €30.01 remaining for free shipping." In the event that the customer's cart reaches €50, a message will be displayed on the banner saying "Congratulations! Your shipping costs are now free." You will also have the option to customize the size, font, and color of all these text fields.
How to create a carrier preference
To create a carrier preference, go to the Transport tab in the column on the left side of your PrestaShop Back Office, then select Preferences.
In this tab, you will have the option to define the conditions for applying your carrier preference, for example, free shipping starting from €50. Click on Save to activate this option.
Option 3: Promotions / Special Offers
This option relies solely on Cart Rules; its configuration remains quite similar to the Free Shipping option > Cart Rules, with the possibility of adding a timer to the banner. The key feature of the Promotions / Special Offers option: you will be able to add a Call to Action to your banner.
You simply need to add a URL (from your store or an external link) to make the text clickable and add a button to attract the attention of your visitors. Regarding the button, you will be able to customize the displayed text, as well as the text color and the background color of the button.
At the end of the configuration page, you will have the option to change the status of the banner. If you choose Yes, this banner will be automatically activated and will thus replace the current banner on your site.
Once the banner is saved, it will be displayed in the summary table along with all the other banners you have created. This table consolidates the most important information from the various banners you have created (name, type, status, etc.).
In this table, you have the option to modify the status, change the configuration of the banner itself, or delete it.
Find this module on the PrestaShop Marketplace! And let yourself be guided by our article on module installation.