...
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
Add Review the voucher banner setting
Once the plugin is installed, add check that the voucher banner setting in order 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
Add Find Setting Name: vouchersettings.showbanner
Add Value: True (if you would like to show the banner)
Add Value: False (if you would not like to show the banner)
Add Review voucher language strings
Configuration > Languages > Edit
Use the table below to add view and modify the string resource and value by filling in the information and selecting “Add New Record” (see below for example)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:
...
iii. Save product
...
c. Verify of modify 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 Code” 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
...