Online Gift Cards

In conjunction with Best Practice Design, CSS supports online Gift Cards via the implementation of the Gift Card widget. 

Gift Cards can be created and maintained on the web, and redeemed by the user during checkout with a Gift Card Number and PIN.

Users can combine Gift Card funds with traditional payment options, and may use a card multiple times until its balance is depleted.

Enabling The Functionality

There are 2 system flags which need to be set in order for Gift Cards to work correctly. 

The first is the Gift Card Provider flag: 

  1. Login as an Administrator.
  2. Navigate to Settings --> Settings.
  3. Click the 'Orders' tab.
  4. Click the 'Credit Cards' tab.
  5. Scroll to the setting 'Gift Card Provider' and set to 'CSS'.
  6. Click 'Update' to save changes. 

The second is the 'Allow B2C Pay By Gift Card' flag, which is set at Customer level. 

  • For sites with one default B2C Customer Code, this flag can be set to 'Yes' in Customer Maintenance. 
  • For sites with many B2C Customer Codes, contact Commerce Vision Support and request a bulk update.


Adding The Widget & Configuring Options

Gift Card options can be easily customised within the CMS. Button text and prompts can be edited, and the Gift Card widget itself can be restricted to a certain audience or particular checkout page on the site. 

To configure the Gift Card widget: 

  1. Login to the CMS.
  2. Navigate to Layouts --> Templates.
  3. Click the 'Checkout' template.
  4. Scroll to 'Zone Step2' and click 'Add Widget'.
  5. Select 'Checkout CSS Gift Card' and click 'Add'.
  6. Click 'Edit' against the newly added widget.
  7. Modify each field as required.
  8. Click 'Save'.
  9. Your changes will be visible immediately. 

TIP: To place the Gift Card widget above the Payment options at checkout, drag the Gift Card widget up and drop it above the 'Checkout Payment Options' widget in the Checkout Template. 

 The change will be reflected once the web page is refreshed.


Creating Gift Cards

Creation and maintenance of Gift Cards is performed by the Administrator in the existing CMS. Cards can be created manually or imported in bulk via CSV flat file. 

To Create a Gift Card manually: 

  1. Login to the site as an Administrator. 
  2. Navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx). This may be under the Content or Settings menus, depending on site configuration.
  3. Click 'New'.
  4. Populate the fields as required: 
    • Gift Card No - numeric only, between 1 - 13 digits
    • Gift Card PIN - alphanumeric, any number of characters
    • Original Amount - the initial card balance
    • Current Balance - the current card balance (same as 'Original Amount' at time of creation). This figure updates automatically as funds are used.
    • Expiry Date - the date the card becomes invalid
    • Comments - for the Administrator's reference
  5. Click 'OK' to save.


To Create Gift Cards via Import: 

  1. Create and save a CSV file containing Gift Card data. 
  2. Columns should contain data in this order (no header row):
    • Gift Card No.
    • Gift Card PIN
    • Gift Card Amount
    • Expiry Date (format DD/MM/YYYY)
    • Comments
  3. Login to the site as an Administrator. 
  4. Navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx).
  5. Click the 'Import' tab.
  6. Drag and drop the CSV file into the file selection window, or click the 'Select' button to browse to the file location.
  7. Click 'IMPORT NOW'.
  8. The dialogue box will display a success message and any failures upon import.


Maintaining Gift Cards

If a Gift Card PIN is lost, a new one can be set by the Administrator via the Gift Card Maintenance page. Similarly, the Expiry Date can be modified, as can balances and comments. Cards can also be deleted if required.

To Maintain Gift Cards:

  1. Login to the site as an Administrator. 
  2. Navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx).
  3. Select the required card via radio button.
  4. Click 'Modify'.
  5. Reset the User's PIN, edit dollar amounts, change the Expiry date, or update Comments. 
  6. Click 'OK' to save. 


Redeeming Cards (end user)

As the customer proceeds through Checkout, a Gift Card section will be presented on the Order Review and Payment page. 

Here, the user can enter the Gift Card number + PIN, and nominate an amount to redeem. The entire remaining card balance can be redeemed by ticking the box labelled 'Use Total Gift Card Balance'

The User can also remove a Gift Card from the order by clicking the 'X' against the line in the Order Summary.

Multiple cards can be used on one order, and the net amount owing is adjusted automatically. The User can then pay the remainder of the order as normal - by Credit Card, PayPal, or on Account if applicable. 

If the User attempts to redeem an expired card, an error message will be retuned. 



Have more questions? Submit a request


Powered by Zendesk