Daily Deal

Overview

Using discounts for items at certain times is a smart way to attract customers to purchase. Mageplaza Daily Deal extension will make it easy for shop owners to set a discount for each product. Each product will be set to display the discounted price, time left, item left, along with the status Upcoming/Running/Ended of the deal. In addition, Daily Deal has many outstanding features such as slider, flexible design, etc that support store owners to promote products, thereby stimulating the customer’s purchases and increase sales for stores significantly.

How to use

  • Daily Deal only applies for Simple Product, Configurable Product, and Group Product
  • Daily Deal is displayed on the Category Page and Product Detail Page, including the information as Countdown, Deal Price, Percent Discount, the number of sold deals, and the number of left deals

how to use

how to use 1

  • Customers can access on the pages as All Deal, New Deal, Best-seller Deal, Feature Deal if admins allows them to be displayed on the frontend
  • Also, Deal can be installed to display on the slidebar, or the screen corner of the Store

How to configure

Login to the Magento Admin, choose Marketing > Daily Deal

how to configure

1. Manage Daily Deal

1.1. Managerial Grid

daily deal

  • This is a place to store all created deals
  • From the grid, admins can understand all basic information of the Deal as ID, deal applied products, the products SKU, the deal’s status, Deal Price, Deal Quantity, Store View, Sale Quantity, Start On, End on, and Action
  • Admins can perform some actions as the following:
    • Edit: Choose Edit in the Action column to edit the information on the Edit Deal page
    • Delete: Tick and choose 1 deal, choose Action > Delete (in the upper left of the grid) to delete the Deal
  • Also, admins can filter, change store view, show/hide columns or export the grid

1.2. Add New/ Edit Form

products

  • Product: The name of the product that is applied the deal. To select the product, click on Select Product. The name of the selected product will automatically appear in Product section
  • Original Price:
    • The original price of the product will be automatically updated when the product is selected.
    • This price is displayed based on Catalog > Product.
  • Product Qty:
    • The quantity of the product is automatically updated when the product is selected
    • This number is displayed based on Catalog > Product.
  • Status: Select Active so that the deal can be active and displayed on the Frontend
  • Is Feature: Select Yes so that the deal is displayed on Feature Deal and Floating slider deal pages
  • Deal Price: Set the price you want to sell the product
  • Discount:
    • This item will be automatically updated based on Original Price and Deal Price.
    • The discounted amount and the discounted percent will be displayed
    • Discount = Original Price - Deal Price
    • % = (Deal Price/Original Price)* 100%
  • Deal Qty:
    • Set the quantity of the product you want to sell
    • The quantity of the deal can not exceed Product Qty
  • Qauntity of sold items:
    • The quantity of sold items are automatically updated when the deal is purchased
    • The deal does not exceed Deal Qty
  • Store View: A website can have multiple Store Views. The category is only visible with selected Store Views.
  • From Date: Set the date to use the deal
  • To Date: Set the end date using the deal

Note:

  • The extension does not apply for Bundle Product
  • Since the Configurable Product and Group Product are made up from Simple Product Components, so to set up the Deal for the Configurable Product or Group Product, you need to install for each product component. Details here
  • The deal of the Configurable Product displayed on Category Page is the highest deal in the products component. When choosing options color/siz/format, the deal will change itself according to the selected option.
  • Group Product’s deal is not displayed on Category Page, it only displays Deal Price at Product Detail Page.

2. Configuration

2.1. General

From the Admin Panel, go to Mageplaza > Daily Deal

general

  • Enable: Choose Yes to enable this module
  • Show Qty of Remaining Items: Choose Yes to display the Deal Qty on the frontend
  • Show Qty of Sold Items : Choose Yes to display Qty of sold items on the frontend
2.1.1. Countdown Timer

countdown timer

  • Show countdown timer: Select Yes so that the countdown timer can be displayed on the Product Detail Page
  • Outer background color: Change the background color of the Countdown timer
  • Inner background color: Change the background color of the Countdown timer
  • Text color: Change the texy color of the countdown timer
2.1.2. Discount Label

discount label

  • Show Discount Label: Discount label can be displayed on the Category Page and the Product Detail Page. There are 3 options to choose:

discount label

  • No: Discount Label is not displayed on the Frontend
  • Under Price: Discount Label is displayed below the price of the product
  • Above Product Image: Discount Label is displayed in the image area
  • Label: Display the discount label on the frontend
  • Show On:

show on

  • Only show this item when Show Discount label = Above Product Image
  • Select a location to display the Discount label on the product’s image
  • Background Color: Change the background color of the discount label
  • Border Color: Change the color of the label border
  • Text Color: Change the text color of the Discount label

2.2. Deal Pages

2.2.1. All Deals Page

all deals page

  • Enable:
    • Select Yes to display the All Deals Page on the Frontend.
    • The page will display all the Deal RUNNING of the store
    • Products are sorted based on the ID in the backend. The deal created before will be displayed first
  • Show Links:
    • Select the position to display the All Deals Page link on the Frontend
    • Multiple positions can be selected to display
    • Don’t show the link if you choose Please Select
  • Route:
    • Setting the URL for the page.
    • Default = dailydeal
    • Page Title: Set the Title for All Deals Page
2.2.2. New Deals Page

new deals page

Similar to the settings of All Deals Page, but New Deal Page displays all Product Deal based on Deal Start Date. Any deal RUNNING that is started lastest will be displayed first

2.2.3. Bestseller Deals Page

bestseller deals page

Similar to the settings of the All Deals Page, but the Bestseller Deals Page displays all Product Deals by old items. The deal RUNNING which is most bought by customers will be displayed first

2.2.4. Feature Deals Page

feature deals page

Similar to the settings of the All Deals Page, but the Deal Page Feature displays the Product Deal based on the Is Featured attribute in the backend. Only deals RUNNING that haveIs Featured = Yes are displayed on this page

2.4. Snippet

snippet

  • With the command Snippet, admins can choose any position in the store to display the Daily Deal Block via pasting the command into the CMS Page, CMS Static Block of the store
  • Daily Deal is displayed according to one or six types as the following: all, feature, new, upcoming, bestseller, random. If deleting typing in the command, it will be got the error.
  • Change the number of deal displaying at a time on the slider in the block. If removing num in the command, the system will auto-get as 5 deals
  • Change the total amount of Deal to be displayed on the Block. If you remove the limit in the statement, the system automatically gets the default as 5 deals
  • Change the way to display the deal in the block. Admins can change to the grid or slider. If removing display in the command, the default will display according to the slider
  • Change the title of the block. If removing title in the command, the default will display as DAILY DEAL PRODUCTS

3. Frontend

3.1. Category Page

category page

3.2. Product Detail Page

product detail page

3.3. Deal Pages

deal pages

3.5. Floating Deal Block

floating deal block

3.6. Snippet

For example: Displaying the Daily Deal on the About Us page by using the Snippet

  • Step 1: In the backend, go to Content > Elements > Page, then edit the About us page

snippet

  • Step 2: Insert the snippet code into the content of About us page

about us page

  • Step 3: Save and check on the frontend

about us page 2