Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

 

 

Tip
titleTip

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. 
Image Removed Image Added

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

Image RemovedImage Added

 

 

Creating Gift Cards

...

  1. Login to the site as an Administrator. 
  2. Navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx). If this page does not appear on your menu, contact Commerce Vision Support.
  3. 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 save.

...

  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
  1. Login to the site as an Administrator. 
  2. Navigate to Gift Card Maintenance (/zGiftCardMaintenance.aspx).
  3. Click 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.
  5. Click 'IMPORT NOW'.

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

Image RemovedImage Added

 

Maintaining Gift Cards

...

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. 

...