Table of Contents |
---|
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
For Cloud UI Customers: Be sure to check out the Enhanced Voucher Flow (including new modals and messaging support) that is now available on the Refreshed PDP that is not now available for Cloud customers! |
...
1. POS Tasks | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
RTP|One only
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
2. Infrastructure Tasks | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
3. Aspenware Commerce Tasks | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1. Install Voucher Plugin
2. Configure Language Strings, Settings, and HTML widgets
3. Set Discount.
4. Configure Voucher Email Template
NOTE: If on version 3.2 or later, please see Email Templates instead for instructions on configuring. |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1. Option 1: Create Product Voucher
2. Option 2: Create Discount Voucher
3. Option 3: Create Product/Discount Voucher
|
|
...
Installing the voucher plugin is required for the use of voucher redemption. This will both allow the voucher banner to be displayed and show/enable the voucher widget on the product setup.
Go to Configuration > Local Plugins >
Select Aspenware Commerce from the Group drop-down list. Scroll down to Plugin info for Vouchers.
Ensure that both Installed and Is Enabled are checked.
...
To enable payment value vouchers in checkout ensure Vouchers are enabled in the “Additional Payments” Plugin:
Go to Aspenware Commerce > Additional Payments > then select “Vouchers” > Click Save
...
To enable multiple payment value vouchers to be used in checkout, ensure “Allow multiple Additional Payments” is enabled in the “Additional Payments Plugin”. If unselected, then guests will only be able to apply one payment value voucher per transaction. To enable multiple:
Go to Aspenware Commerce > Additional Payments > then select “Allow Multiple Additional Payments” > Click Save
...
2. Set Discount (If creating a discount voucher)
In Aspenware Commerce Administration go to Promotions > Discounts
Select Add New.
Set up your discount according to setup documentation including the appropriate discount amount/percentage
Click Save.
Info |
---|
NOTE:A promo code is not required for discount vouchers, however, if you would like the guest to see a promo code on the cart, you may add one. If a guest does not have a voucher and tries to enter the promo code, the discount will not work. |
If using discount vouchers and limiting usage, make sure the following plugin is installed: Discount Requirements - Cart must contain a certain amount of products by navigating to Configuration > Local plugins.
...
3. Ensure required products are set up.
For information about setting up products, see the Product Configuration Documentation.
4. Create a published but hidden voucher category.
...
When a deployment occurs and the vouchers plugin is installed the email vouchers template will be added to Content Management > Email Templates (if the template already exists it will not overwrite the existing template).
To configure the email template:
Go to Content Management > Message Templates
Search for “Vouchers.EmailVoucher”
Select Edit
Go to “Source Tools”
Find the text below and replace the [INSERT URL TO LOGO HERE] with your store’s logo image URL
Adjust width and height as necessary
Code Block <img src="[INSERT URL TO LOGO HERE]" alt="Logo" style="border: none; -ms-interpolation-mode: bicubic; max-width: 100%;" width="150" height="41" align="middle" />
...
For discount vouchers or product/discount vouchers, cache product prices must be unchecked. This setting can be found in Settings > Catalog Settings.
Voucher Banner Language Strings
The Voucher feature with Aspenware Commerce is highly configurable with Language Strings. Use the tables below to view and modify string resources and values by going to Configuration > Languages >Edit in Administration, searching for the appropriate string, and verifying/replacing values as desired. For more detail on these strings and screenshot examples, visit the Language Strings Library.
...
Note |
---|
IMPORTANT: The Voucher Banner Plugin Widget MUST be installed even if you don’t want the banner to be visible. If you do not want the banner to be visible, you can disable it by going to the vouchersettings.showbanner settings and set it to 'FALSE.” It will be defaulted to 'TRUE”. |
Go to Nop-Templates > Plugins > Html Widgets > Manage HTML Widgets
Click Add new Html Widget
Enter the following:
Name: Voucher (this name is customizable)
Visible: checked
HTML Content: Select Tools dropdown and select “<> Source Code”
Enter: <validate-code></validate-code>
Click Save.
Select Edit (on the newly added plugin)
Select Widget Zones Tab
Click Add new record.
From Widget Zone drop-down select content_before.
Click Update.
Click Save.
Add Voucher Banner Styling HTML Widget
Although the voucher banner includes default styling from the site’s overall CSS, the following properties (all or any) can be optionally customized via the widget including banner background color, label weight, label size, button text color, button text size, button background color, and text weight.
Go to Nop-Templates > Plugins > Html Widgets > Manage
Select Add new Html widget and enter the following:
Name: Vouchers Styling (this name is customizable)
Visible: Checked
Html Content: Select Tools > Source Code
Within the text box popup, you can add any of the above properties using the following formatting (bold text is configurable):
...
Add Widget Zone
Select the tab Widget Zones Tab (next to Html Widget Settings)
Select Add new record
Select widget zone: head_html_tag
Select Update
Detailed Setup Guide
Determine the type of voucher that best meets your needs (product voucher, discount voucher or product/discount voucher) and choose from the options below for configuration. For more information about the types of vouchers, please see the Vouchers Overview in this Documentation.
...
Product vouchers are used to give specific guests access to a fenced product. Note that Aspenware only supports single use for product vouchers. The most common use case for this type of voucher is a “Friends and Family Lift Ticket” product that is connected to a season pass holder. The pass holder can email the voucher ID to a friend or family member.
Go to Catalog > Products and search for the fenced product you wish to associate to the voucher and click Edit.
Scroll all the way down to the admin.catalog.products.vouchers module.
Enter the voucher template ID (This is the one generated from RTP|One in the Prerequisite step above). Please note that
Click Add Voucher Template ID.
The Voucher Template ID will then be displayed below as associated with the product.
Check “Visible” if you want the voucher to be visible in the guest’s My Account Vouchers tab.
Check “Email”, “Redeem”, or “Print/View” depending on which options you’d like to have available to the guest in their My Account Vouchers tab.
Click Save and Continue Edit.
After the Voucher Template Id has been saved, scroll to the Product attributes section to verify that a new attribute called “Voucher Id” appears as an added attribute. 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 by adding [Dynamic] in the text prompt to place the voucher attribute into the dynamic component area on the PDP.
...
Configure Discount Voucher
Go to Promotions > Discounts in Admin.
Click Add New and enter the following:
Name: Enter the name of your discount.
Discount type: Choose ‘Assigned to Products’
Percentage: Check if you want the product to be discounted by a certain percentage.
Discount Percentage: Enter the discount percentage that will be applied.
Maximum Discount Amount: leave blank
Percentage: Leave unchecked if you would like the product to be discounted by a certain dollar amount.
Discount Amount: Enter the amount of the discount.
The rest of the fields can be left blank.
Click Save and Continue Edit.
Scroll down to the Requirements tab.
In Discount Requirement Type, select ‘Vouchers’. The Voucher Template ID field will then display.
Enter the Voucher Template ID and click Update Template ID.
The requirement will then be displayed.
Scroll down to the Applied to products section.
Click Add a new product.
Search for the product you would like to associate with the Discount Voucher.
Check it and click Save.
The product is now listed in the Applied to products section.
Discount Vouchers can be applied to many products.
Click Save.
(Optional) Set Limits on Number of Products in the Cart
...
On the Discount, scroll back to the Requirements section and, under ‘Add a new discount requirement’ enter:
Discount requirement type: 'Cart must contain certain amount of products'
Minimum Quantity: Enter a minimum number of products the cart must contain (optional)
Maximum Quantity: Enter a maximum number of products the cart must contain (optional)
Products: Click Add product to add any products that are associated with this requirement.
Click Save.
The additional requirement will now appear under Requirements for the product.
...
Configure Product Portion of Product/Discount Voucher
Go to Catalog > Products and search for the fenced product you wish to associate to the voucher and click Edit.
Scroll all the way down to the admin.catalog.products.vouchers module.
Enter the voucher template ID (This is the one generated from RTP|One in the Prerequisite step above.)
Click Add Voucher Template ID.
The Voucher Template ID will then be displayed below as associated with the product.
Check “Visible” if you want the voucher to be visible in the guest’s My Account Vouchers tab.
Check “Email”, “Redeem”, or “Print/View” depending on which options you’d like to have available to the guest in their My Account Vouchers tab.
Click Save and Continue Edit.
After the Voucher Template Id has been saved, scroll to the Product attributes section to verify that a new attribute called “Voucher Id” appears as an added attribute. 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 by adding [Dynamic] in the text prompt to place the voucher attribute into the dynamic component area on the PDP.
...
Configure Discount Portionof Product/Discount Voucher
Go to Promotions > Discounts in Admin.
Click Add New and enter the following:
Name: Enter the name of your discount.
Discount type: Choose ‘Assigned to Products’
Percentage: Check if you want the product to be discounted by a certain percentage.
Discount Percentage: Enter the discount percentage that will be applied.
Maximum Discount Amount: leave blank
Percentage: Leave unchecked if you would like the product to be discounted by a certain dollar amount.
Discount Amount: Enter the amount of the discount.
The rest of the fields can be left blank.
Click Save and Continue Edit.
Scroll down to the Requirements tab.
In Discount Requirement Type, select ‘Vouchers’. The Voucher Template ID field will then display.
Enter the Voucher Template ID and click Update Template ID.
The requirement will then be displayed.
Scroll down to the Applied to products section.
Click Add a new product.
Search for the product you would like to associate with the Discount Voucher.
Check it and click Save.
The product is now listed in the Applied to products section.
Note |
---|
IMPORTANT: You may only include one product here. The Product/Discount voucher is specific to only one product. |
...
Click Save.
4. (Optional) Create a Dedicated Voucher Redemption Page
...
Info |
---|
NOTE: Some resorts may have headers that override Aspenware Commerce styles; if this causes issues with your UI please follow the instructions below to ensure that your styles do not override those needed for the dedicated voucher page. |
Go to Admin > Content Management > Topics (pages)
Select Add New.
Make sure the Advanced tab is selected and
Enter the title of your page in the text entry field, this will not show on the page but will be part of the URL e.g. https://shop.yourresort.com/redeemvoucher
Note the name of your URL at the bottom of the module
Add a System Name under the Display module as well (this is the title that will show on your list of Topics (pages))
To implement
Within the Body module, select Tools > sourcecode
In the source, paste the following code:
...
Info |
---|
NOTE: No CSS changes should be necessary as styles for the page will pull from the client theme. |
Save and test the new page
For Resorts with Styles that Override the Dedicated Voucher Page
...
In Aspenware Commerce administration dashboard navigate to
Nop Templates > Plugins > Html Widgets > Manage html widgets
Select Add New Html Widget
Name the voucher modal (e.g. Fix Voucher Modal)
Select Tools --> <> Source Code
Enter the following code in the text entry field:
Code Block |
---|
<style> .ax--box.full-width { width: 100% !important; margin-left:inherit !important; } </style> |
Select Save and Continue Edit
Select Widget Zones
From the dropdown select body_start_html_tag_after
Select Update
...