The customers can easily redeem their won discounts on their orders.<\/p>\n
These coupon games will let your customers earn incentives ie; the discount point which is a fun way to keep users engaged.<\/p>\n
Features – OpenCart Coupon Game<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\n\n- The admin can enable\/disable the module.<\/li>\n
- Can define the game title which will display at the front-end.<\/li>\n
- Configure the graphics like target image, firing controller image, the background image for the game.<\/li>\n
- Configure the speeds of the target and firing object.<\/li>\n
- Specify the discount percentage for the user at per correct hit on the dropping(target) object.<\/li>\n
- Enable\/disable the game replay feature.<\/li>\n
- Configure the coupon code usage limit the user can use.<\/li>\n
- Two games for the users, one is Gravity Arch which is a default one and the other is General.<\/li>\n
- The admin can even create the mail template which will be sent to the customer upon the successful win of the discount.<\/li>\n
- On the front-end, the customer can play the game on the \u201cContact Us\u201d page.<\/li>\n
- An email will be sent to the users for coupon details.<\/li>\n
- The mail will display a discount percentage the customer has won, coupon code the customer can use, and the expiration date of the coupon code.<\/li>\n
- On the shopping cart page, the customer can easily redeem the discount value using the coupon code.<\/li>\n
- The customers can navigate to their Order History to view the details of the order for which the coupon was applied.<\/li>\n
- The admin can view the complete list of the coupon codes the customers have won.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
Installation- OpenCart Coupon Game<\/strong><\/h3>\n<\/div>\n<\/div>\n\nInstallation of the Module is easy. Under the module zip, there are 3 folders\u00a0image, catalog,<\/strong> and\u00a0admin,<\/strong>\u00a0you just need to upload these folders to the root directory of the website.<\/p>\n![\"Game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/installation.png\")
<\/a><\/p>\nAfter that in Admin panel go to System -> Users -> Usergroup<\/strong> and edit \u2018Administrator\u2019 and\u00a0select all for both Access and Modify Permission then save it.<\/p>\n![\"Access](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/CO_installer5-e1587572150878.png\")
<\/a><\/p>\nAfter that under Extension > Modules<\/strong>\u00a0install the Opencart Coupon Game module like this.<\/p>\n![\"Game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/04\/INSTALL.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nModule Translation<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nAs this OpenCart Auction module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for language translation<\/a><\/p>\nLayout<\/h2>\n
The admin needs to add the OpenCart Coupon module on the contact us page. The module can add by navigating through Design>Layout>Contact<\/strong> as shown in the image below.<\/p>\n![\"layout\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/Layouts.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nModule Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n\nAfter the module installation, the admin can easily configure the module settings. For this, the admin will navigate to Extensions -> Extensions<\/strong> as per the below image.<\/p>\n![\"Game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/04\/INSTALL1.png\")
<\/a><\/p>\nHere, select the option\u00a0Modules\u00a0<\/strong>from the drop-down list and then click on the\u00a0Edit\u00a0<\/strong>icon. This navigates the admin to the Edit Account Module\u00a0<\/strong>page as per the below image.<\/p>\nGeneral:<\/strong><\/span><\/h3>\n![\"Game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/04\/general-1.png\")
<\/a><\/p>\nHere, the admin can:<\/p>\n
\n- Status:<\/strong> enable\/disable the module.<\/li>\n
- Game Type:<\/strong> select the game type as old if want to enable the “Old” game for the front-end users. Else select “New” if want to add the new game\u00a0for the front-end users.<\/li>\n
- Select Game:<\/strong> Select the game which the users will be able to see and play.<\/li>\n
- Title:<\/strong> enter the game title which will display at the front-end.<\/li>\n
- Width:<\/strong> set the width of the Background Image.<\/li>\n
- Height:<\/strong>\u00a0set the height of the Background Image.<\/li>\n
- Dropping Object Image:<\/strong> set the image of the object which the users will hit.<\/li>\n
- Controller Image:<\/strong>\u00a0set the image of the controller tool which will hit the dropping object.<\/li>\n
- Game Background Image:<\/strong> set the background image of the game.<\/li>\n
- Game Duration:<\/strong> set the game duration in seconds.<\/li>\n
- Drop Speed:<\/strong> set the drop speed(in milliseconds) of the object\u00a0which the users will hit.<\/li>\n
- Fire Speed:<\/strong>\u00a0set the firing speed(in seconds) of the controller tool which will hit the dropping object.<\/li>\n
- Discount % Per Shot:<\/strong> configure the discount percentage for the user you want to enable at per correct hit on the dropping object.<\/li>\n
- Replay:<\/strong> enable\/disable the game replay feature.<\/li>\n
- Usage Limit:<\/strong> configure the coupon code usage limit the user can use.<\/li>\n
- Game Orientation: <\/strong>set it either horizontal or vertical as per the requirement.<\/li>\n<\/ul>\n
Gravity Arch:<\/strong><\/span><\/h3>\n![\"Game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/default.png\")
<\/a><\/p>\nHere, the admin can:<\/p>\n
\n- Status:<\/strong>\u00a0enable\/disable the game.<\/li>\n
- Bullet Fire Gap:<\/strong> configure the gap in milliseconds you want to have between the firing bullets.<\/li>\n
- Velocity:<\/strong>\u00a0configure the velocity(in milliseconds) of the object which will hit the object.<\/li>\n
- Gravity:<\/strong>\u00a0configure the gravity(in milliseconds) of the firing object while falling towards the earth.<\/li>\n<\/ul>\n
Note: <\/strong>As Gravity Arch is the default game. So if both the games “General” and “Gravity Arch” is enabled, then Gravity Arch game will be enabled at the front-end for the customers.<\/p>\nMail:<\/strong><\/span><\/h3>\n![\"mail](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/Mail.png\")
<\/a><\/p>\nHere, the admin can create the mail template which will be sent to the customer upon the successful win of the discount after playing the coupon game.\u00a0For this, the admin will –<\/p>\n
\n- Subject: <\/strong>Define the subject of the mail.<\/li>\n
- Message: <\/strong>Create the mail body content. And can also use mail keywords in the mail body.<\/li>\n<\/ul>\n
Info:<\/strong><\/span><\/h3>\nTo get to know about the mail keywords which the admin can use in the mail, click the Info\u00a0<\/strong>tab as per the below image.<\/p>\n![\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/info.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nFront-End<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nOn the frontend, the registered and the guest users both can view the link\u00a0“Contact Us”\u00a0<\/strong>in the footer as per the below image.<\/p>\n![\"account](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/contact-us.png\")
<\/a><\/p>\nClicking this link will navigate the customer to the “Contact Us”<\/strong> page where the customer can play the game as per the below image.<\/p>\n![\"start\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/start.png\")
<\/a><\/p>\nTo start the game, the customer will click on the “Play Game”<\/strong> button. If the General game is enabled, then the customer will view the General game to play.<\/p>\nCASE 1: General game type with game orientation as “Horizontal”<\/strong><\/span><\/p>\n![\"play\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/play-2.png\")
<\/a><\/p>\nIf the game orientation is set to “Horizontal”, then the user can move the controller in the horizontal direction to target the dropping object and hit them.<\/p>\n
CASE 2: General game type with game orientation as “Vertical”<\/strong><\/span><\/p>\n![\"win\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/play-vertical-1.png\")
<\/a><\/p>\nIf the game orientation is set to “Vertical”, then the user can move the controller in the vertical direction to target the dropping object and hit them.<\/p>\n
But if the Gravity Arch game is enabled, then the\u00a0customer will view the Gravity Arch to play.<\/p>\n
![\"win\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/gravity-arch.png\")
<\/a><\/p>\nUpon the unsuccessful hits, an info message will display as per the below image.<\/p>\n
![\"play\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/game-over.png\")
<\/a><\/p>\nBut upon the successful hits, another message will display as per the below image.<\/p>\n
![\"discount\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/registered.png\")
<\/a><\/p>\nThe info message will display –<\/p>\n
\n- The discount percentage the customer has won.<\/li>\n
- Coupon code the customer can use.<\/li>\n
- The expiration date of the coupon code.<\/li>\n<\/ul>\n
An email will also send to the register email id for the registered users.<\/p>\n
![\"game\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/email.png\")
<\/a><\/p>\nBut the guest users need to provide their email id to get the mail for coupon details.<\/p>\n
![\"email\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/guest-user.png\")
<\/a><\/p>\nThe customers can even replay the game if enabled form the backend by the admin.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nHow To Use Coupon Code?<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nOn the shopping cart page, the customer can easily redeem the discount value using the coupon code.<\/p>\n
![\"success\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/shopping-cart.png\")
<\/a><\/p>\nUnder the section “Use Coupon Code”, the customer will enter the coupon code in the field provided. And then click on the click on the “Apply Coupon” button to apply the discount for the order. A success message will display upon the successful application of the coupon code.<\/p>\n
The customers can navigate to their Order History to view the details of the order for which the coupon will apply.<\/p>\n
![\"order\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/order-history.png\")
<\/a><\/p>\nNote:<\/strong> The coupon code application is not customer account specific.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nAdmin End<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nThe admin can view the complete list of the coupon codes the customers have won.<\/p>\n
![\"coupon\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/coupon-list.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\nIf you have any issue, please feel free to add a ticket and let us know your views at\u00a0https:\/\/webkul.uvdesk.com<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
- \n
- The admin can enable\/disable the module.<\/li>\n
- Can define the game title which will display at the front-end.<\/li>\n
- Configure the graphics like target image, firing controller image, the background image for the game.<\/li>\n
- Configure the speeds of the target and firing object.<\/li>\n
- Specify the discount percentage for the user at per correct hit on the dropping(target) object.<\/li>\n
- Enable\/disable the game replay feature.<\/li>\n
- Configure the coupon code usage limit the user can use.<\/li>\n
- Two games for the users, one is Gravity Arch which is a default one and the other is General.<\/li>\n
- The admin can even create the mail template which will be sent to the customer upon the successful win of the discount.<\/li>\n
- On the front-end, the customer can play the game on the \u201cContact Us\u201d page.<\/li>\n
- An email will be sent to the users for coupon details.<\/li>\n
- The mail will display a discount percentage the customer has won, coupon code the customer can use, and the expiration date of the coupon code.<\/li>\n
- On the shopping cart page, the customer can easily redeem the discount value using the coupon code.<\/li>\n
- The customers can navigate to their Order History to view the details of the order for which the coupon was applied.<\/li>\n
- The admin can view the complete list of the coupon codes the customers have won.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
Installation- OpenCart Coupon Game<\/strong><\/h3>\n<\/div>\n<\/div>\n
\nInstallation of the Module is easy. Under the module zip, there are 3 folders\u00a0image, catalog,<\/strong> and\u00a0admin,<\/strong>\u00a0you just need to upload these folders to the root directory of the website.<\/p>\n
<\/a><\/p>\nAfter that in Admin panel go to System -> Users -> Usergroup<\/strong> and edit \u2018Administrator\u2019 and\u00a0select all for both Access and Modify Permission then save it.<\/p>\n
<\/a><\/p>\nAfter that under Extension > Modules<\/strong>\u00a0install the Opencart Coupon Game module like this.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nModule Translation<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nAs this OpenCart Auction module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for language translation<\/a><\/p>\n
Layout<\/h2>\n
The admin needs to add the OpenCart Coupon module on the contact us page. The module can add by navigating through Design>Layout>Contact<\/strong> as shown in the image below.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nModule Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n
\nAfter the module installation, the admin can easily configure the module settings. For this, the admin will navigate to Extensions -> Extensions<\/strong> as per the below image.<\/p>\n
<\/a><\/p>\nHere, select the option\u00a0Modules\u00a0<\/strong>from the drop-down list and then click on the\u00a0Edit\u00a0<\/strong>icon. This navigates the admin to the Edit Account Module\u00a0<\/strong>page as per the below image.<\/p>\n
General:<\/strong><\/span><\/h3>\n
<\/a><\/p>\nHere, the admin can:<\/p>\n
- \n
- Status:<\/strong> enable\/disable the module.<\/li>\n
- Game Type:<\/strong> select the game type as old if want to enable the “Old” game for the front-end users. Else select “New” if want to add the new game\u00a0for the front-end users.<\/li>\n
- Select Game:<\/strong> Select the game which the users will be able to see and play.<\/li>\n
- Title:<\/strong> enter the game title which will display at the front-end.<\/li>\n
- Width:<\/strong> set the width of the Background Image.<\/li>\n
- Height:<\/strong>\u00a0set the height of the Background Image.<\/li>\n
- Dropping Object Image:<\/strong> set the image of the object which the users will hit.<\/li>\n
- Controller Image:<\/strong>\u00a0set the image of the controller tool which will hit the dropping object.<\/li>\n
- Game Background Image:<\/strong> set the background image of the game.<\/li>\n
- Game Duration:<\/strong> set the game duration in seconds.<\/li>\n
- Drop Speed:<\/strong> set the drop speed(in milliseconds) of the object\u00a0which the users will hit.<\/li>\n
- Fire Speed:<\/strong>\u00a0set the firing speed(in seconds) of the controller tool which will hit the dropping object.<\/li>\n
- Discount % Per Shot:<\/strong> configure the discount percentage for the user you want to enable at per correct hit on the dropping object.<\/li>\n
- Replay:<\/strong> enable\/disable the game replay feature.<\/li>\n
- Usage Limit:<\/strong> configure the coupon code usage limit the user can use.<\/li>\n
- Game Orientation: <\/strong>set it either horizontal or vertical as per the requirement.<\/li>\n<\/ul>\n
Gravity Arch:<\/strong><\/span><\/h3>\n
<\/a><\/p>\nHere, the admin can:<\/p>\n
- \n
- Status:<\/strong>\u00a0enable\/disable the game.<\/li>\n
- Bullet Fire Gap:<\/strong> configure the gap in milliseconds you want to have between the firing bullets.<\/li>\n
- Velocity:<\/strong>\u00a0configure the velocity(in milliseconds) of the object which will hit the object.<\/li>\n
- Gravity:<\/strong>\u00a0configure the gravity(in milliseconds) of the firing object while falling towards the earth.<\/li>\n<\/ul>\n
Note: <\/strong>As Gravity Arch is the default game. So if both the games “General” and “Gravity Arch” is enabled, then Gravity Arch game will be enabled at the front-end for the customers.<\/p>\n
Mail:<\/strong><\/span><\/h3>\n
<\/a><\/p>\nHere, the admin can create the mail template which will be sent to the customer upon the successful win of the discount after playing the coupon game.\u00a0For this, the admin will –<\/p>\n
- \n
- Subject: <\/strong>Define the subject of the mail.<\/li>\n
- Message: <\/strong>Create the mail body content. And can also use mail keywords in the mail body.<\/li>\n<\/ul>\n
Info:<\/strong><\/span><\/h3>\n
To get to know about the mail keywords which the admin can use in the mail, click the Info\u00a0<\/strong>tab as per the below image.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nFront-End<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nOn the frontend, the registered and the guest users both can view the link\u00a0“Contact Us”\u00a0<\/strong>in the footer as per the below image.<\/p>\n
<\/a><\/p>\nClicking this link will navigate the customer to the “Contact Us”<\/strong> page where the customer can play the game as per the below image.<\/p>\n
<\/a><\/p>\nTo start the game, the customer will click on the “Play Game”<\/strong> button. If the General game is enabled, then the customer will view the General game to play.<\/p>\n
CASE 1: General game type with game orientation as “Horizontal”<\/strong><\/span><\/p>\n
<\/a><\/p>\nIf the game orientation is set to “Horizontal”, then the user can move the controller in the horizontal direction to target the dropping object and hit them.<\/p>\n
CASE 2: General game type with game orientation as “Vertical”<\/strong><\/span><\/p>\n
<\/a><\/p>\nIf the game orientation is set to “Vertical”, then the user can move the controller in the vertical direction to target the dropping object and hit them.<\/p>\n
But if the Gravity Arch game is enabled, then the\u00a0customer will view the Gravity Arch to play.<\/p>\n
<\/a><\/p>\nUpon the unsuccessful hits, an info message will display as per the below image.<\/p>\n
<\/a><\/p>\nBut upon the successful hits, another message will display as per the below image.<\/p>\n
<\/a><\/p>\nThe info message will display –<\/p>\n
- \n
- The discount percentage the customer has won.<\/li>\n
- Coupon code the customer can use.<\/li>\n
- The expiration date of the coupon code.<\/li>\n<\/ul>\n
An email will also send to the register email id for the registered users.<\/p>\n
<\/a><\/p>\nBut the guest users need to provide their email id to get the mail for coupon details.<\/p>\n
<\/a><\/p>\nThe customers can even replay the game if enabled form the backend by the admin.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nHow To Use Coupon Code?<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nOn the shopping cart page, the customer can easily redeem the discount value using the coupon code.<\/p>\n
<\/a><\/p>\nUnder the section “Use Coupon Code”, the customer will enter the coupon code in the field provided. And then click on the click on the “Apply Coupon” button to apply the discount for the order. A success message will display upon the successful application of the coupon code.<\/p>\n
The customers can navigate to their Order History to view the details of the order for which the coupon will apply.<\/p>\n
<\/a><\/p>\nNote:<\/strong> The coupon code application is not customer account specific.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nAdmin End<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nThe admin can view the complete list of the coupon codes the customers have won.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\nIf you have any issue, please feel free to add a ticket and let us know your views at\u00a0https:\/\/webkul.uvdesk.com<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
- Message: <\/strong>Create the mail body content. And can also use mail keywords in the mail body.<\/li>\n<\/ul>\n
- Bullet Fire Gap:<\/strong> configure the gap in milliseconds you want to have between the firing bullets.<\/li>\n
- Game Type:<\/strong> select the game type as old if want to enable the “Old” game for the front-end users. Else select “New” if want to add the new game\u00a0for the front-end users.<\/li>\n
- Status:<\/strong> enable\/disable the module.<\/li>\n