Coupon Add-on

About Add-on

The SpurtCommerce Coupon Add-on enables store administrators to create and manage discount coupons for promotional campaigns. This plugin provides a flexible way to attract customers with discounts and special offers, enhancing engagement and encouraging more frequent purchases.

Features:

• Customizable Coupons: Create percentage or fixed-amount discounts, tailoring promotions to suit your store’s needs.

• Coupon Expiration & Usage Limits: Set expiration dates and limit the number of times a coupon can be redeemed to control the promotion's duration and exclusivity.

• Customer-Specific Coupons: Target specific customer groups by assigning coupons for loyal or new customers.

• Detailed Coupon Tracking: Monitor coupon performance with analytics on redemption rates and sales impact.

Frontend Setup - Seller Panel:

Follow these steps to set up the front end for the Coupons addon in Spurtcommerce Seller Panel.

Step 1: Install the Addon:

Locate the Spurtcommerce addon package, typically named seller.addOns.zip.

Extract the zip file and copy the Coupons folder into the addOns folder in your project.

projectFolder -> addOns

After this step, the structure should look like:

projectFolder -> addOns ->marketing -> Coupons

Once completed, proceed to update the configuration.

Step 2: Update the Configuration

After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:

// ----------------------Coupons--------------------------
import * as Coupons from './marketing/coupon/coupon.constant'
// components paths
export const CouponsComponents = Coupons.componentLists;
// route paths
export const CouponsRoutes = Coupons.routePath;

If you wish to uninstall or remove the Coupons addon, replace the component paths and route paths with an empty array.

// ----------------------Coupons--------------------------
import * as Coupons from './marketing/coupon/coupon.constant'
// components paths
export const CouponsComponents = [];
// route paths
export const CouponsRoutes =[];

Step 3: Run the Application:

To run the application with the integrated Coupons addon, use the following command:

$ npm run large-serve

After executing this command, the addon will be available on Spurtcommerce on the designated page.

Step 4: Build the Application

Finally, to prepare the application for deployment, run the build command:

$ npm run large-build

The latest build files will then be ready to deploy to the server.

Frontend Setup – Admin Panel:

Follow these steps to set up the front end for the Coupon addon in Spurtcommerce Admin Panel.

Step 1: Install the Addon:

Locate the Spurtcommerce addon package, typically named admin.addOns.zip.

Extract the zip file and copy the Coupon folder into the addOns folder in your project.

projectFolder -> addOns

After this step, the structure should look like:

projectFolder -> addOns ->Marketing->Coupon

Once completed, proceed to update the configuration.

Step 2: Update the Configuration

After installing the addon, update the add-ons.constant.ts file to include the necessary plugins:

// ---------------------Coupon Routes---------------------
import * as coupon from './Marketing/coupon/coupon-constant';

// components paths
export const couponComponents = coupon.componentLists;
// route paths
export const couponRoutes = coupon.routePath;

If you wish to uninstall or remove the Coupon addon, replace the component paths and route paths with an empty array.

// ---------------------Coupon Routes---------------------
import * as coupon from './Marketing/coupon/coupon-constant';

// components paths
export const couponComponents = [];
// route paths
export const couponRoutes = [];

Step 3: Run the Application:

To run the application with the integrated Coupon addon, use the following command:

$ npm run large-serve

After executing this command, the addon will be available on Spurtcommerce on the designated page.

Step 4: Build the Application

Finally, to prepare the application for deployment, run the build command:

$ npm run large-build

The latest build files will then be ready to deploy to the server.

Store Setup

Next.js

Follow these steps to set up the Coupon module on the front-end Next.js web store.

Setup Overview:

• Install the extension

• Update configuration

• Integrate the module

• Run the application

• Build the application

Step 1: Install the Extension

Locate the Spurtcommerce addon package, typically named addOns.zip.

Extract the zip file and copy the Coupon folder into the addOns folder in your project.

projectFolder -> addOns

After this step, the structure should look like:

projectFolder -> addOns -> Coupon

Once completed, proceed to update the configuration.

Step 2: Update the Configuration

After installing the extension, update the configuration in Spurtcommerce’s addonsconfig.js as follows:

1. Import the required line into addonsconfig.js.

             import CouponApply from './Coupon/CouponApply'

1. Add the CouponApply plugin to the specified object.

        export const AddonsComponent = {                                                                                                                                   CouponApply,                                                                                                                     

Step 3: Run the Application

Once you have integrated the Coupon module, run the application using:

$ npm run dev

This command will launch Spurtcommerce with the integrated Coupon module visible on the specified page.

Step 4: Build the Application

To prepare the application for deployment, execute the following command:

$ npm run build

or

$ yarn run build                                                                                                                             

The latest build files will then be ready for server deployment.

Second Tab