Page Comparison

...

...

• Install the Voucher Plugin

  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.

  1. Go to Configuration > Local Plugins >

  2. Select Aspenware Commerce from the Group drop-down list. Scroll down to Plugin info for Vouchers.

  3. Ensure that both Installed and Is Enabled are checked.
     

     

...

• Set Discount (If creating a discount voucher)

  • In Aspenware Commerce Administration go to Promotions > Discounts

    1. Select Add New.

    2. Set up your discount according to setup documentation including the appropriate discount amount/percentage

    3. Click Save.

...

Settings, Language Strings and/or HTML Widgets for this Feature

...

For discounts, cache product prices must be unchecked. This setting can be found in Settings > Catalog Settings.

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.

...

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

2. 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):

...

This widget appears on mobile devices to help provide guests with info on using gift cards and vouchers.

• Go to Nop-Templates > Plugins > Html Widgets > Manage

• Select Add new Html widget and enter the following:

  • Name: Voucher/Gift Card Help

  • Visible: Checked

  • Html Content: Select Tools > Source Code

    • Within the text box popup, you add

...

• Go to Configuration > Settings > All Settings (advanced) and search for the setting customersettings.hideprintvoucherstab in the name field.

  1. Edit the setting, and change the Value to 'False; to enable Print/View Vouchers in My Account. 

  2. Change the Value to ‘True’ to disable Print/View Vouchers in My Account. 

• Language strings are available to customize the text on the My Vouchers page. See above in Settings, Language Strings, and HTML Widgets for details and specific strings.

...

• Go to Catalog > Products and click Add new. Enter the product details and click Save and Continue Edit. (

• 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. )

...

• In the Vouchers section of the product page, enter the Voucher Template ID (from RTP|One) and click Add Voucher Template ID.

• Aspenware Commerce will validate that the voucher template is not being used on any other Commerce product.

...

• If you would like the voucher to be visible in My Account, make sure that visible is selected AND the appropriate instructions for displaying vouchers via RTP|One have been followed (i.e. a report has been added to the voucher type.)

• Check and uncheck the My Account button options (to hide/display the presented buttons view/print, redeem, email.)

• Click Save.

• Check and uncheck the My Account button options to hide/display the presented buttons

• 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.) Verify that the voucher attribute has been added.

...

To configure the email template:

• Go to Content Management > Message Templates

• Search for “Vouchers.EmailVoucher”

  1. 

• Select Edit

  1. Go to “Source Tools”

  2. Find the text below and replace the [INSERT URL TO LOGO HERE] with your store’s logo image URL

  3. Adjust width and height as necessary

     1. 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" />

         

     2. 

...

Once you have your discount preliminarily set up you will need to add the voucher requirement and the voucher template ID for the selected voucher product.

• Go to Promotions > Discounts > Edit the desired discount.

• From the Discount requirement type field, select ‘Vouchers’

  1. Once entered you will see the text field to enter the voucher template ID

• Enter the ‘voucher template ID’ from RTP|One from which the voucher codes will be issued.

...

• Click Save

...

5. (Optional) Limit Discount Application (For Product/Discount Voucher ONLY)

...

• Go to Promotions > Discounts, select the discount, and click Edit to update the desired discount.

• On the Edit discount details page, scroll down to Requirements and select ‘cart must contain a certain amount of products’from the discount requirement type dropdown.

  1. Set Maximum Quantity = 1 and Minimum Quantity = 1

• Click Add Product

• Add the appropriate products to which the discount voucher and the discount applies.

• Click Save.

...

• This page will be accessible via the url only and will not be part of a shop dropdown menu.

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

...

• Navigate to Admin > Content Management > Topics (pages)

• Select Add New.

• Make sure the Advanced tab is selected and

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

  2. Note the name of your url at the bottom of the module

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

  1. Within the Body module, select Tools > sourcecode

  2. In the source, paste the following code:

...

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:

<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

...