To use enhanced voucher redemption the following actions need to be taken:
Install voucher plugin
Installing the voucher plugin is required for the use of enhanced vouchers. When deploying, make sure the the json (plugins config with all the necessary files) is included. When configuring your vouchers make sure the plugin is enabled following the steps below. This will both allow the voucher banner to be displayed and show/enable the voucher widget on the product setup.Configuration > Local Plugins >
Scroll to Group: “Aspenware Commerce” Plugin info: “Vouchers”
Ensure the following plugin is installed and enabled
Add voucher banner plugin-html widget
This plugin-html widget creates the voucher banner. Once installed and made visible admins can enable and disable the banner via the voucher banner settings in “All Settings”Nop-Templates > Plugins > Html Widgets > Manage
Add New html widget
Name: Voucher (this name is customizable)
Select Tools dropdown and select “<> Source Code”
Enter: <validate-code></validate-code>
Save
Select Edit (on newly added plugin)
Select “Widget Zones” Tab
Select Add New Record
From dropdown select content_before
Select “Update”
Save
Review the voucher banner setting
Once the plugin is installed, check that the voucher banner setting exists and use it to enable and disable the voucher banner across the site. The voucher banner will display on all pages on desktop but only on category pages (and not pdps) on mobile.Configuration > Settings > All Settings
Scroll to bottom
Find Setting: vouchersettings.showbanner
Value: True (if you would like to show the banner)
Value: False (if you would not like to show the banner)
Review voucher language strings
Configuration > Languages > Edit
Use the table below to view and modify the string resource and value by searching for the appropriate string and verifying/replacing values as desired
Description | String Resource | Current Value | Placement |
Page Banner | voucher.plugin.cta.text | GOT A BUDDY PASS? OR OTHER VOUCHER TO REDEEM? DO IT IN ONE CLICK HERE: | Across the top of page beneath menu |
Page Banner Input Box | voucher.plugin.input.text | YOUR VOUCHER NUMBER | Inside text entry box in banner |
Voucher Popup | voucher.plugin.modalheader.text | Voucher Validation | Title of voucher popup |
Voucher Popup | voucher.plugin.validationwait.text | Please wait while we validate your voucher ID. | Appears within popup if validation is not immediate. |
Voucher Popup | voucher.plugin.validationsuccess.text | Voucher ID successfully verified. Click redeem to continue. | Appears within popup once voucher ID successfully verified. |
Voucher Popup | voucher.plugin.invalidcode.text | Voucher ID is invalid. | Appears within popup if ID is invalid or other error occurs. |
Voucher Popup | voucher.plugin.continuebutton.text | Redeem | Appears within popup - button |
Voucher Popup | voucher.plugin.button.label | confirm voucher | Appears within banner- button |
Set up product voucher product
To set up your voucher product set up the product as you would normally do. If you have successfully installed the voucher plugin, there will be a new widget at the bottom of your product setup page named “Vouchers” as well as a new (automatically injected) voucher attribute. To add vouchers, first retrieve the appropriate product voucher template (this should not be included on any other product). To add a voucher follow the instructions below:
a. Set up your voucher product
i. SAVE (In order to utilize the voucher widget, you must first save your product)
b. Navigate to Vouchers Dropdown
i. enter Voucher Template ID (from RTP)
ii. Select “Add Voucher Template”
1.Aspenware Commerce will validate that the voucher template is not being used on any other commerce product
iii. Save product
c. Verify that voucher attribute has been added to Attributes list
After the voucher template ID has been saved, you should find a new attribute called “Voucher ID” on your product. You should not have to alter this. However, if you would like it to appear in a different area or order you may adjust this e.g. adding [Dynamic] in the text prompt would place the voucher attribute into the dynamic component area on the pdp