The main features of this enhancement:

• It allows you to apply coupon code on any page of your website

• It automatically applies a discount on the basket page as soon as the customer adds a product to the basket

If the plugin will be used on an external page, follow the steps in CMS - JQuery Plugins.docx

Control can be used on internal or external pages. It can be configured like a button or link that on click executes the action to apply a marketing code and when applied returns a success message.

Integration jQuery Plugin on internal pages

Create a new Content Block

1. Navigate to the Content Blocks (Top Menu -> Content/Content Blocks).

2. Click on Create a content block button.

3. In the new Content Block view:

a.      Add a Title

b.     Content field: In the Editor text, you will find a custom ToolBarItem to add the HTML structure, open the options in the SmarterCommerce button and select the option “Marketing Code”.

c. Click on View HTML button and configure the HTML for the site. Configure the HTML data attributes in the div mentioned in the next section.

4. Click on Create and the Content Block configuration is finished.

Plugin HTML data attributes

Implementation in Page

Add a Content block widget into the page where the marketing code will be used.

1. Navigate to Pages and edit the page.
2. Add a Content block widget into the page. The content block can be added in any section.
3. On the Content block, click on “More” menu and select “Use shared”, select the content block previously created and click Done selecting.

4. Add the link to the marketing code plugin using a javascript plugin widget.

a.      Add Javascript widget (Scripts & Styles section) into the Head_JavaScripts_PlaceHolder section in the page template.

b. Select the Link to Javascript file option:

URL: ~/ResourcePackages/Bootstrap4/MVC/Scripts/sc-jquery.marketingcode.min.js 

On “More Options” select to include in “Before the closing body tag”

c. Click on Save.

5.Publish page.