Demos Buy Now

Magento 2 Gift Card

The extension Magento 2 Gift Card will allow the admin to create gift cards/certificates using the gift card product type. The admin can directly create multiple numbers of gift cards as products. The Admin can enable or disable the status of the gift card. Admin can set the maximum number of days to redeem a Gift Card. This extension is useful for those who want to gift something to their friend, relative or a person electronically.

**Note: Only a single gift card/code can be used up within a single purchase.

Features

  • Gift card product type included ensuring a smooth creation of gift cards via admin panel.
  • The admin can create multiple numbers of gift cards.
  • The Admin can set the number of days to redeem a gift card.
  • The Admin can enable or disable the Gift Card.
  • Customers can use complete or a certain amount of the gift card to make purchases.
  • Gift card users can use one gift card on multiple purchases.
  • Gift card user will get email notifications after each gift card usage.

Installation

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento 2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory.

First command- php bin/magento setup:upgrade

Second Command – php bin/magento setup:di:compile

Third Command – php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from the Magento admin panel by navigating through ->System->Cache management as shown below in the snapshot.

Multi-Lingual Configuration

For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

Language Translation

If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/GiftCard/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

 

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

Module Configuration

After the successful installation of the module, the admin will navigate to Stores -> Configuration-> Gift Card.

Gift Card Email Setting

  • Notification Template– The Admin has to set a template which the customer can view on receiving the Gift card Email.

Gift Card Left Amount Email Setting

  • Name of Admin in Mail– The Admin will set name which is visible in the Email received by the Customer.
  • Admin Email– The Admin has to enter the Email id from which the Customer will receive the Emails.
  •  Admin Left Amount Notification Template – The Admin has to set the template for the left amount of Gift Card which the Customer will view in Email by the Admin.

Gift Card Active Duration

  • No. of days – In this field, the Admin has to set the number of days allowed to redeem a Gift Card.

Add Gift Card

Now the Admin will navigate to Products-> Catalog and then click on Add Product. On Add Product Admin has to select Gift Card product type.

Clicking the “Gift card” will bring up the page to add a Gift card. Now, enter all the required information as is required for a regular product as shown below in the snapshot below.

Frontend Workflow

Product Page

At the front end, on the Gift card product page, the customer enters the E-mail id of the person to whom / she wants to send the Gift Card.  The Customer can also send a message to the one whom he is sending the Gift Card. Then click on  “Add to Cart” to go to the checkout as per the below snapshot.

Note –  The email id that is entered under the “Email To” can be used to redeem the gift card. Also, the user that is going to redeem the gift card should use the same email id for registering at the store else he won’t be able to redeem the gift card.

The customer can see the details of the gift card on the Order Review page as per the below snapshot.

 

Email Notification

After the order has been placed and the invoice of this order gets generated, the person(whose e-mail address was entered) will receive the gift card on the same Email id as shown below in the snapshot.

 

Gift Card Details – Admin Panel

Once the invoice has been generated the Admin can view gift card purchased details by navigating to Gift Card -> Gift Card Details.  From here the Admin can enable or disable the Gift Card status. If the Admin has disabled the status, then the Customer cannot apply the Gift Code received.

Using Gift Card Discount

Now, when this customer(receiving the Gift card code) makes a purchase using the registered email address(on which the Gift card is sent) then he/she can redeem the gift card amount at the cart page as shown below in the snapshot. The Customer can use the entire discount amount or some of the amounts at the time of purchase. For example: If the customer has a gift card of $1500 worth, then he can make use of all of it or use some of the amounts like $100 and keep the rest to use at a later time.

**Note: Only a single gift card/code can be used up within a single purchase.

After applying for the discount, the cart page looks like as shown in the snapshot below.

The Customer can also clear the discount amount.

Order View

After completing the above-shown order, the customer will be able to see the Order details under “My Order” section as shown below.

Support

That’s all for the Magento 2 Gift Card still have any issue feel free to add a ticket and let us know your views to make the module better https://webkul.uvdesk.com/en/

Current Product Version - 2.0.1

Supported Framework Version - 2.0.x, 2.1.x

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index