Page History

...

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

...

Overview

Your website has an out-of-the-box online gift card functionality which can create and and maintain gift cards. Users redeem them during checkout with a Gift Card Number and PIN.

...

Gift cards can be combined with other payment options, and

...

can be applied multiple times until

...

the balance is depleted.

...

Enabling The Functionality

There are 2 flags which need to be set in order for

Image Added

1. Configure Settings for Gift Cards

For Gift Cards to work correctly, two system flags need to be set. 

1. The first is the Set Gift Card Provider flag to 'CSS': 

1. Login as an Administrator.
2. Navigate to Settings --> In the CMS, navigate to Settings → Settings.
   
   
3. Click the 'Select the Orders' tab.Click the '
   Image Added
   
   
4. Select the Credit Cards' tab.
   Image Added
   
   
5. Scroll to the setting 'Gift Card Provider' and set to 'CSS'.Click 'Update' and select CSS.
   Image Added
   
   
6. Click Update to save changes.  

2. The second is the 'Set Allow B2C Pay By Gift Card' flag, which should be set to  to 'Yes' at Customer level. 

1. Login as an Administrator.
2. Navigate to Users --> In the CMS, navigate to Users → Customer Maintenance.
   
   
3. Search for the default B2C Customer Code for your site.
   
   
4. Select the 'Customer Details' tab tab.
   Image Added
   
   
5. Check the value of 'Allow B2C Pay By Gift Card' - it should be set to 'Yes'.
   
   

6. If required, click 'Modify', set the flag to 'Yes' and click 'OK'.

   Info
   For sites with many B2C Customer Codes, contact Commerce Vision Support and request a bulk update.

Adding The Widget & Configuring Options

...

2. Add the Gift Card Widget and configure options

This lets you customise Gift Card options. Button text and prompts can be edited, and the Gift Card widget itself can be restricted to a certain audience specific user group or particular position on in the checkout page.

To configure the Gift Card widget: 

1. Login to In the CMS.
2. Navigate to Layouts --> Templates.
3. Click the 'Checkout', navigate to Content → Standard Pages.
   
   
4. Select the Checkout template.
   Image RemovedImage Added
   
   
5. Scroll to 'Zone Step2' and and click 'Add Widget'.
   
6. Select 'Checkout CSS Gift Card' and click 'Add'.
   Image Removed
7. Click 'Edit' against the newly added widget.
8. Modify each field as required.
   Image Removed
9. Click 'Save'.
10. 
    
11. Your changes Search for 'gift card', then select Checkout Gift Card Payment and click Add Widget.
    
    
12. Edit the newly added widget and modify options as required. (See Checkout Gift Card Payment widget.)
    
    Image Added
    
    
13. Click Save. Your changes will be visible immediately. 
    Image Removed

...

1. Image Added

...

3. Create 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 create a Gift Card manually: 

1. Login to the site as an Administrator. 
2. Navigate In the CMS, navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx). If this page does not appear on your menu, contact Commerce Vision Support.
3. Click 'Click New'.
   Image RemovedImage Added
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 (12:00 am on the specified date)
   • Comments - for the Administrator's reference
5. Click 'OK' to saveTo save, click OK.

To Create create Gift Cards via Import: 

1. Create and save a CSV file containing file containing Gift Card data. 

Columns should contain data in this order (no header row):

1. • Gift Card No.
   • Gift Card PIN
   • Gift Card Amount
   • Expiry Date (format DD/MM/YYYY)
   • Comments
     
     
2. Login to Logged into the site website as an Administrator. Navigate Administrator, navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx).
   
   
3. Click the 'the Import' tab.
   
   
4. Drag and drop the CSV file into the file selection window, or click the 'Select' button to browse to the file location, click the Select button.
   
   
5. Click 'Click IMPORT NOW'.

The dialogue box will display a success message and any failures upon import.

Image Removed

Image Added

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 maintain Gift Cards:

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

Redeeming Cards (end user)

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

Image RemovedImage Added

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.

Image RemovedImage Added

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 returned. 

...

Additional Information

For sites with many B2C Customer Codes, contact Commerce Vision Support and request a bulk update.

Related help