CS-Cart Banner Advance Booking

BannerCS-Cart Banner Advance Booking

CS-cart Banner advance booking addon allows customers to easily advertise on your store. They can book banners for a set time. It is an easy way to showcase products or promotions. Admin has control over settings like auto-approval and payment methods for banner booking. They can also set reminder days and use multiple languages for support.

Admin easily organizes banner layout using grids and blocks. Customers can simply purchase banners on the website and see all the details in their accounts. The admin can modify the status, banner image, and target URL even after a customer has purchased the banner.

Features

  • Auto approval for booking: Customers can purchase and update booking banners without admin approval by enabling auto approval. 
  • Reminder for expiration: Admin can set days to remind buyers about banner expiration date.
  • Flexible Payment Methods: Admin can enable various payment methods for customer flexibility.
  • Automatic Renewal: Banners can be automatically renewed, even after expiration, if this feature is enabled. 
  • Book Multiple Banners: Customers can book multiple banners at once.
  • Email Notification: The admin uses cron link to send email notifications about banner expiration and auto-renewal.
  • Advance Booking Option: Customers can book banners in advance if the admin enables advance booking options.
  • Set Banner Availability: Admin can set the date from which a banner will be available in the store.
  • Quick Purchase: Customers can easily buy the banners from the store by clicking the “Buy Now” button.
  • Track Clicks and Hovers: Admin and customers can view the number of clicks and cursor hovers on banners.
  • Link Banners: Customers can link banners to specific products, stores or websites.
  • Change Booking Status: Admin can change the status of banner bookings and provide reasons for the change.
  • CS-Cart Support Info: The addon is well integrated with CS-Cart Multi-Vendor and can be used with its Standard, Plus, and Ultimate versions.

Installation:

How to Install Addon

https://store.ecarter.co/blogs/how-to-install-addon/

How Addon Works

  • Next to General Tab >> Click on "Settings tab" 

Explanation of Settings tab

  • Enable auto approval: If the auto-approval option is enabled, buyers can purchase and update booking banners without needing approval from the admin.
  • Enable Multi-Language image/URLs: If this box is enabled, it allows the buyer to add images and URLs in multiple languages, particularly in the case of a multilingual site.
  • Reminder days: Reminder days are the number of days set to alert the buyer about the banner before it expires. Also, send notification to the customer.
  • Allow payment methods: Enable multiple payment methods to offer customers various ways to pay. Admin can select more than one method.
  • Enable Auto-renewal: If the auto-renewal option is enabled, the banner will renew automatically even if the expiration date has passed.
  • Crone Key: The Cron Link is used for sending email notifications regarding Banner Expired and Auto-Renewal. When this URL hits, customers will receive notifications about banner expiration dates and auto-renewal. It's essential to hit this URL for these two above settings to take effect.
Main setting of this addon
Cron URL to send customers notification about banner expiration date

Creating Banner

  • Go to >> Marketing menu
  • Click on >> Banner Booking 
  • Select "Banners"
Banner booking within marketing


  • Now, you can see "No data found" as no banners have been created here. 
  • Click on >> (+) icon to create a banner
No banner have been created here

  • Name: In the new banner page, enter the name of the banner.
  • Description: Here admin can write banner description.
  • Type: Select graphic banner as the banner type, as there is only one type of banner available here. 
  • Image: Click on local to upload a banner.
  • Open in a new window: Enable this to open the product link or website link in a new window when the banner is clicked. 
  • Booking Price: Enter banner booking price. 
  • Booking Period: Enter number of days of booking period of this banner. This is set to notify the buyer about the expiration days of this banner. 
  • Advance booking: If this is enabled then the buyer can book this banner in advance.
  • Available Since: Set the date from which the banner will be available in the store. 
  • Status: Set the status as active. 
  • At the end, click on >> create button.

Create new banner page

Create new banner page 2


  • Here, you can see the notification of success and changes saved of the banner. 
  • Click on >> Save Button
Notification of created new banner

Creating layout of this banner 

  • Go to the >> design menu
  • Click on >> layouts 
  • Then, select layouts
  • Switch to the >> homepage
Layout option in design menu
Homepage in editing layout page
  • Go to >> (+) icon
  • Click on >> Add Grid
Add Grid button in homepage


  • In general Tab, select 16 width of the grid.
  • Click on >> Create Button
Adding grid
  • Again Go to >> (+) icon.
  • Click on >> Add Block
Add block page
  • Now, in adding block to grid page, Switch to >> Create New Block 
  • Click on >> Banner booking block
Adding block to grid

In the General tab, enter the Banner Booking Block name.

Banner booking block


  • Switch to >> Content Tab
  • Click on >> Add Banners
Content tab page in banner booking block


  • Now, Tick this Test 1 banner 
  • Then, click on >> Add banners and close.
Tick Test 1 banner
  • After successful addition of the banner in the block, you can see this type of notification.
  • Now, Click on >> Create button

Successful addition of banner in the block

On the homepage of layouts, this is the new block that we have created.

New block in the homepage

How Customers Can Purchase Banners from the Storefront

  • Go to the >> Storefront 
Storefront page


  • You can see the created banner in the storefront with the “Buy Now” button.
  • Customers can click on this "Buy Now" button for buying this banner.
Buy now button for buying this banner


  • Go to >> My Account 
  • Click on >> Banner Booking
Banner booking option in my account
  • Here customer can see detailed information of this banner booking. 
  • Click on >> Buy Now
Customer can see detail information of the banner and can buy it


  • Now, you can see the checkout page has opened.
  • Click on >> Phone Ordering 
  • Tick the terms and conditions checkbox.
  • Then, Click on >> Place Order
Checkout page

Page with phone ordering and place order button



  • Now you can see this successful order placed notification.
  • Click on >> Order details

Order detail page

In this page, you can view complete information about the customer and the banner product.

Complete information of customer and product


  • Again, Go to >> My Account 
  • Click on >> My Banners
My banners within my account
  • Here, customers can view and edit the information of their booked banners.
  • Click on >> Edit Button.
Customer can view and edit information of their booked banner


  • In General Tab, you can view banner details. 
  • Image: Below the image, you can find the 'Upload File' option, allowing customers to replace this banner image.
  • Target Url: Here the customer can paste the URL of the product, store or any website they want to sell through this banner. 
  • At the end, Click on >> Update Button.

Page where customer can change banner image, view detail, and can update

In the homepage of storefront, click on this banner to view the product linked for sale.

Banner to view the product link for sale

You can see a new window with the linked target product URL as we have enabled the ‘Open New Window’ option on the create banner page. 

Linked product url for sale

If a customer will switch from general to Statics tabs, here they can view number of clicks on the banner and number of cursor hovers on the banner. 

Customer statistic page

Admin Use Banners Booking History 

  • In the admin panel, Go to >> Marketing 
  • Click on >> Banner Booking 
  • Select >> Banners Booking History
Banner booking history within marketing


  • Here you can see the banner booking history page of the admin.
  • Click on >> Gear Button
  • Then, select >> Edit
Banner booking history page

  • Banner Booking Status: By selecting one of these options, the admin can change the status of the banner. Also, they must provide a reason in the box below.
  • Image: Admin can change the banner image by clicking on local.
  • URL: Admin has the access to change the target URL attached by the customer.
  • At the end, click on the Update button.
The admin can change the status


  • In my banner edit page, you can see updated current status and the reason provided by the admin.
  • Image: Updated image by Admin.
  • Target Url: Updated link by Admin

Admin can change the status, updated image by admin, and updated link by adminAddon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x, 4.18x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed quality add-ons.