Let’s understand it all in detail.<\/p>\n\n\n\n
Features<\/h3><\/div>\n\n- Admin can create various gift products.<\/li>\n\n\n\n
- Admin will set the value of the order, exceeding which the gift will get assigned.<\/li>\n\n\n\n
- The gift product will be automatically added to the cart of the buyer.<\/li>\n\n\n\n
- The buyer can also choose from the range of free gifts available.<\/li>\n\n\n\n
- All the rules for a gift related to order value will be decided by the Admin or the store owner.<\/li>\n\n\n\n
- An app amazingly design to promote and enhance sales.<\/li>\n\n\n\n
- User-friendly interface.<\/li>\n\n\n\n
- cross-browser compatible.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
Installation<\/h2>\n\n\n\n
Use the following link to install the app: https:\/\/apps.shopify.com\/gift-on-order<\/a><\/p>\n\n\n\nWorkflow<\/h3>\n\n\n\n
Once you make the payment for the plan, you will have Gift On Order in the apps section of your Shopify store.<\/p>\n\n\n\n![\"Gift](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot-5.png\")
<\/figure>\n\n\n\nClicking on which you will be redirected to the home page of the app.<\/p>\n\n\n\n![\"1-1-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/1-1-2-1035x1024.png\")
<\/figure>\n\n\n\nFirstly, you’ll have the top five recently added gift rules & gift products. At the bottom of the page, you’ll have three navigation menu, i.e., User Guide, App features & Take a tour. <\/p>\n\n\n\n
On the same page, you’ll have an option to create a ticket in case of query & schedule booking.<\/p>\n\n\n\n
CONFIGURATION<\/h3>\n\n\n\nGeneral Configuration<\/h3><\/div>\nIn\u00a0the general configuration section of the app, you will just have to set the email id and domain name, enable the ‘Display other gift section on cart page<\/strong>‘ <\/p>\n\n\n\nIf you want to display other gift rules which exceed the current cart amount on the cart page and enable ‘Display welcome popup<\/strong>‘.<\/p>\n\n\n\nPriority on Gift Products:<\/strong> Choose if you want to offer gift products to the customer in case the cart value satisfies or the product rule satisfies. <\/p>\n\n\n\nNote:<\/strong> Please don’t enable the option to display welcome popup until and unless you’ve added gift rules and gift products to your store.<\/p>\n\n\n\nNote:<\/strong> Now Gift on Order app is compatible with the Drawer cart also. <\/p>\n\n\n\nAdmin can now able to provide more than one gift product in a single cart. <\/p>\n\n\n\n![\"gift](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/10\/gift-on-order.webp\")
<\/figure>\n<\/div>\n\n\n\nLabel Configuration<\/h4>\n\n\n\n
The admin can use this section to change the frontend labels.<\/p>\n\n\n\n![\"image-12\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/image-12-1112x1024.png\")
<\/figure>\n\n\n\nWelcome Popup<\/h3><\/div>\nThis section lets the Admin display a welcome popup which will notify the users that they can win free gifts on their purchase. Admin can customize the welcome note as per his likings.<\/p>\n\n\n\n
To configure this, all he needs to do is upload a welcome image, enter the welcome title, enter a description and mention the popup button text.<\/p>\n\n\n\n![\"a2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a2.png\")
<\/figure>\n\n\n\nFrontend View of the welcome popup:<\/strong><\/p>\n\n\n\n![\"Products-\u2013-shubham-store1-1-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/Products-\u2013-shubham-store1-1-1-1200x488.png\")
<\/figure>\n<\/div>\n\n\n\nGift Products<\/h3><\/div>\nThis section will show the list of gift products added by you. You can enable\/disable and can even delete them from here. <\/p>\n\n\n\n
The products can be searched using the filter option on the basis of product ID, name and price.<\/p>\n\n\n\n![\"shubham-store1-Shubham-Gift-On-Order-Shopify\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/shubham-store1-Shubham-Gift-On-Order-Shopify-1200x534.png\")
<\/figure>\n<\/div>\n\n\n\nHow to add gift products?<\/h3><\/div>\nClick on the ‘Add Gift Product’ button:<\/p>\n\n\n\n![\"unnamed-file-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/unnamed-file-1.png\")
<\/figure>\n\n\n\nSelect the product from the popup:<\/p>\n\n\n\n![\"a6\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a6.png\")
<\/figure>\n<\/div>\n\n\n\nGift Rules<\/h3><\/div>\nThis section displays the list of rules already created. You can enable\/disable, delete and view the existing rule and can even create new rules as well.<\/p>\n\n\n\n![\"a7\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a7.png\")
<\/figure>\n<\/div>\n\n\n\nAdding New Rule<\/strong><\/h3><\/div>\nClicking on the Add button you will be redirected to the section where you can create rules. Let’s see the two different kinds of rules that can be added:<\/p>\n\n\n\n
CART RULE<\/h2>\n\n\n\n
You can set a minimum cart amount after which your customers will be eligible to have a free gift.<\/p>\n\n\n\n
Enter the Gift RULE INFORMATION<\/strong><\/p>\n\n\n\n\n- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Description<\/strong>: Enter the gift rule description.<\/li>\n\n\n\n
- Select Gift Product<\/strong><\/li>\n\n\n\n
- Default Gift<\/strong><\/li>\n<\/ul>\n\n\n\n
![\"screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-1.png\")
<\/figure>\n\n\n\nEnter the GLOBAL CRITERIA<\/strong><\/p>\n\n\n\n\n- ‘Gift rule on the basis of<\/strong>‘: This will show either cart or product as per your configuration.<\/li>\n\n\n\n
- Min Cart Amount<\/strong>: Set up the minimum order value to be eligible for the free gift.<\/li>\n\n\n\n
- Select the date range<\/strong> for which the rule will be valid.<\/li>\n<\/ul>\n\n\n\n
CUSTOMER COMMUNICATION<\/strong><\/p>\n\n\n\n\n- Enter Gift Rule Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.<\/p>\n\n\n\n
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift<\/p>\n\n\n\n
\n- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.
<\/p>\n\n\n\n
Example (Product based rule):- Get a FREE gift product on the purchase of Product A!
Example (Cart based rule):- Add products (worth $1000 USD) to cart & earn a FREE gift product!<\/p>\n\n\n\n![\"screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-3\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-3.png\")
<\/figure>\n\n\n\n PRODUCT RULE<\/h2>\n\n\n\n
Set a rule according to which, if a buyer purchases product X, he will get a product Y free. <\/p>\n\n\n\n
Enter the Gift RULE INFORMATION<\/strong><\/p>\n\n\n\n\n- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Description<\/strong>: Enter the gift rule description.<\/li>\n\n\n\n
- Select Gift Product<\/strong><\/li>\n\n\n\n
- Default Gift<\/strong><\/li>\n<\/ul>\n\n\n\n
<\/figure>\n\n\n\nEnter the GLOBAL CRITERIA<\/strong><\/p>\n\n\n\n\n- ‘Gift rule on the basis of<\/strong>‘: This will show either cart or product as per your configuration.<\/li>\n\n\n\n
- SELECT PRODUCT<\/strong>: Select the product on which this rule applies.<\/li>\n\n\n\n
- Select the date range<\/strong> for which the rule will be valid.<\/li>\n<\/ul>\n\n\n\n
![\"screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-2.png\")
<\/figure>\n\n\n\nCUSTOMER COMMUNICATION<\/strong><\/p>\n\n\n\n\n- Enter Gift Rule Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.<\/p>\n\n\n\n
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift<\/p>\n\n\n\n
\n- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.<\/p>\n\n\n\n
Example (Product based rule):- Get a FREE gift product on the purchase of Product A!
Example (Cart based rule):- Add products (worth $1000 USD) to cart & earn a FREE gift product!<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/p>\n<\/div>\n\n\n\n
Gift Rule Page<\/h3><\/div>\nNow, the admin can create a header navigation menu on his storefront to display all the gift rules he has added. <\/p>\n\n\n\n
Customers can also redirect to see all the gift products associated with that particular gift rule by clicking on the view all gifts<\/strong> menu. Refer to the image given below.<\/p>\n\n\n\n![\"Gift-Rules-\u2013-shubham-store1-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/Gift-Rules-\u2013-shubham-store1-1-1200x597.png\")
<\/figure>\n\n\n\nHow to add this navigation menu?<\/strong><\/p>\n\n\n\n\n- Go to the Online Store<\/strong> section from Shopify backend<\/li>\n\n\n\n
- Click on Navigation<\/strong><\/li>\n\n\n\n
- Click on the Main menu<\/strong><\/li>\n<\/ul>\n\n\n\n
![\"a8\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a8.png\")
<\/figure>\n\n\n\n\n- Type your page title (ex. Gift Rules)<\/li>\n<\/ul>\n\n\n\n
![\"a9\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a9.png\")
<\/figure>\n\n\n\n\n- Click on the link text field<\/li>\n\n\n\n
- Select Pages<\/strong><\/li>\n<\/ul>\n\n\n\n
![\"a11\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a11.png\")
<\/figure>\n\n\n\n\n- Select Gift Rules<\/strong> from the listing <\/li>\n\n\n\n
- Click on Add<\/strong>.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n
Configure Frontend<\/h3><\/div>\nThe Admin needs to do some code-pasting regarding the app. In the Configure Frontend section, he will get all the codes and instructions for the same.<\/p>\n\n\n\n
To show the gift info popup on any page of your store, add the below-given code to Layout\/theme.liquid <\/strong>template file<\/p>\n\n\n\n<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nShow & add gift products to cart, add the below-given code to Templates\/cart.liqui<\/strong>d<\/p>\n\n\n\n <div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nTo hide the gift products from the product page, add the below-given code to the first line of Sections\/product-template.liquid<\/strong><\/p>\n\n\n\n{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, at the last line of Sections\/product-template.liquid<\/strong><\/p>\n\n\n\n{% endunless %}<\/pre>\n\n\n\nTo hide the gift product from the product grid page, you need to add the below-given code at the first line of Sections\/product-grid-item.liquid<\/strong>.<\/p>\n\n\n\n{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, at the last line of Sections\/product-grid-item.liquid<\/strong>.<\/p>\n\n\n\n{% endunless %}<\/pre>\n\n\n\nNOTE<\/h2>\n\n\n\n\nMake sure to hide the gift product quantity <\/strong>on the cart page.<\/p>\n<\/blockquote>\n\n\n\nTo remove the quantity field from the cart page for gift product, you need to add the code to Templates\/cart.liquid file <\/strong><\/p>\n\n\n\n{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts<\/a> {% else %} {% endif %}<\/pre>\n\n\n\n![\"a12\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a12.png\")
<\/figure>\n\n\n\n\n<\/h3>\n<\/div><\/div>\n\n\n\n
If you are using Online store 2.0<\/a><\/strong> (Example- Dawn), you need to follow the steps to add the codes.<\/p>\n\n\n\nTo show the gift Info popup, add the codes to layout\/theme.liquid<\/strong> file:-<\/p>\n\n\n\n{% include 'wk_gift_order_popup' %}<\/pre>\n\n\n\nFor showing and add gift product on cart, add the codes to sections\/main-cart-footer.liquid<\/strong> file:-<\/p>\n\n\n\n<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nTo hide the gift product from the product page, add the codes at the first line of sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nAlso, add the code at the last line of sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n{% endunless %}<\/pre>\n\n\n\nTo hide the gift product from the product grid page, add the codes at the first line of snippets\/product-card.liquid<\/strong> file:-<\/p>\n\n\n\n{% unless product_card_product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, add the codes to at the last line of snippets\/product-card.liquid<\/strong> file:-<\/p>\n\n\n\n{% endunless %}<\/pre>\n\n\n\nNow, to remove update quantity field from cart page for gift product, add the codes to at sections\/main-cart-items.liquid file inside below code<\/strong>:-<\/p>\n\n\n\n{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts<\/a> {% else %} {% endif %}<\/pre>\n\n\n\n<\/p>\n\n\n\n
Connect<\/a> in case of any assistance.<\/p>\n<\/div>\n\n\n\nMy Plan<\/h3><\/div>\nExplore the Gift On Order plans that we have for you from this section:<\/p>\n\n\n\n![\"a21\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a21.png\")
<\/figure>\n\n\n\nClicking on ‘View All Plans’, you’ll have this:<\/p>\n\n\n\n![\"a321\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/a321.png\")
<\/figure>\n\n\n\nBasic: <\/strong>Your monthly basic plan for $9.00 is activated.<\/p>\n\n\n\nPremium:<\/strong> Choose the premium plan if you want to get charged yearly at a cost of $99.00\/Yearly.<\/p>\n<\/div>\n\n\n\nShopify Gift on Order Front-end<\/h3><\/div>\nOn the front end, as per your rule, the minimum order value will be crossed then the default gift item will get automatically assigned to the cart when a buyer will add the products to the cart.<\/p>\n\n\n\n
The customer can, however, change the free gift if you have given the options of other gifts as well.<\/p>\n\n\n\n![\"gift](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/10\/gift-order-drawer-1200x627.webp\")
<\/figure>\n\n\n\nAlso on the cart page just below the checkout button, the information about the next offer of minimum purchase and free gift on that.<\/p>\n\n\n\n![\"Checkout\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/Screenshot_18.png\")
<\/figure>\n\n\n\nAdmin can also display the additional amount needed to make your current order eligible for a free gift product:<\/p>\n\n\n\n![\"screencapture-shubham-store1-myshopify-cart-2019-06-27-17-55-11\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/03\/screencapture-shubham-store1-myshopify-cart-2019-06-27-17-55-11-1200x822.png\")
<\/figure>\n<\/div>\n\n\n\nShopify Gift On Order Demo<\/h3><\/div>\nMoreover, check out the link given below to have a demo of the app:
https:\/\/gift-on-order.myshopify.com\/pages\/demo <\/a><\/p>\n<\/div>\n\n\n\nSupport<\/h3><\/div>\nFurther, in case of any query, feel free to raise a ticket at http:\/\/webkul.uvdesk.com\/<\/a> or drop an email at support@webkul.com.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
- \n
- Admin can create various gift products.<\/li>\n\n\n\n
- Admin will set the value of the order, exceeding which the gift will get assigned.<\/li>\n\n\n\n
- The gift product will be automatically added to the cart of the buyer.<\/li>\n\n\n\n
- The buyer can also choose from the range of free gifts available.<\/li>\n\n\n\n
- All the rules for a gift related to order value will be decided by the Admin or the store owner.<\/li>\n\n\n\n
- An app amazingly design to promote and enhance sales.<\/li>\n\n\n\n
- User-friendly interface.<\/li>\n\n\n\n
- cross-browser compatible.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
Installation<\/h2>\n\n\n\n
Use the following link to install the app: https:\/\/apps.shopify.com\/gift-on-order<\/a><\/p>\n\n\n\n
Workflow<\/h3>\n\n\n\n
Once you make the payment for the plan, you will have Gift On Order in the apps section of your Shopify store.<\/p>\n\n\n\n
<\/figure>\n\n\n\nClicking on which you will be redirected to the home page of the app.<\/p>\n\n\n\n
<\/figure>\n\n\n\nFirstly, you’ll have the top five recently added gift rules & gift products. At the bottom of the page, you’ll have three navigation menu, i.e., User Guide, App features & Take a tour. <\/p>\n\n\n\n
On the same page, you’ll have an option to create a ticket in case of query & schedule booking.<\/p>\n\n\n\n
CONFIGURATION<\/h3>\n\n\n\n
General Configuration<\/h3><\/div>
\nIn\u00a0the general configuration section of the app, you will just have to set the email id and domain name, enable the ‘Display other gift section on cart page<\/strong>‘ <\/p>\n\n\n\n
If you want to display other gift rules which exceed the current cart amount on the cart page and enable ‘Display welcome popup<\/strong>‘.<\/p>\n\n\n\n
Priority on Gift Products:<\/strong> Choose if you want to offer gift products to the customer in case the cart value satisfies or the product rule satisfies. <\/p>\n\n\n\n
Note:<\/strong> Please don’t enable the option to display welcome popup until and unless you’ve added gift rules and gift products to your store.<\/p>\n\n\n\n
Note:<\/strong> Now Gift on Order app is compatible with the Drawer cart also. <\/p>\n\n\n\n
Admin can now able to provide more than one gift product in a single cart. <\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nLabel Configuration<\/h4>\n\n\n\n
The admin can use this section to change the frontend labels.<\/p>\n\n\n\n
<\/figure>\n\n\n\nWelcome Popup<\/h3><\/div>
\nThis section lets the Admin display a welcome popup which will notify the users that they can win free gifts on their purchase. Admin can customize the welcome note as per his likings.<\/p>\n\n\n\n
To configure this, all he needs to do is upload a welcome image, enter the welcome title, enter a description and mention the popup button text.<\/p>\n\n\n\n
<\/figure>\n\n\n\nFrontend View of the welcome popup:<\/strong><\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nGift Products<\/h3><\/div>
\nThis section will show the list of gift products added by you. You can enable\/disable and can even delete them from here. <\/p>\n\n\n\n
The products can be searched using the filter option on the basis of product ID, name and price.<\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nHow to add gift products?<\/h3><\/div>
\nClick on the ‘Add Gift Product’ button:<\/p>\n\n\n\n
<\/figure>\n\n\n\nSelect the product from the popup:<\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nGift Rules<\/h3><\/div>
\nThis section displays the list of rules already created. You can enable\/disable, delete and view the existing rule and can even create new rules as well.<\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nAdding New Rule<\/strong><\/h3><\/div>
\nClicking on the Add button you will be redirected to the section where you can create rules. Let’s see the two different kinds of rules that can be added:<\/p>\n\n\n\n
CART RULE<\/h2>\n\n\n\n
You can set a minimum cart amount after which your customers will be eligible to have a free gift.<\/p>\n\n\n\n
Enter the Gift RULE INFORMATION<\/strong><\/p>\n\n\n\n
- \n
- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Description<\/strong>: Enter the gift rule description.<\/li>\n\n\n\n
- Select Gift Product<\/strong><\/li>\n\n\n\n
- Default Gift<\/strong><\/li>\n<\/ul>\n\n\n\n
<\/figure>\n\n\n\nEnter the GLOBAL CRITERIA<\/strong><\/p>\n\n\n\n
- \n
- ‘Gift rule on the basis of<\/strong>‘: This will show either cart or product as per your configuration.<\/li>\n\n\n\n
- Min Cart Amount<\/strong>: Set up the minimum order value to be eligible for the free gift.<\/li>\n\n\n\n
- Select the date range<\/strong> for which the rule will be valid.<\/li>\n<\/ul>\n\n\n\n
CUSTOMER COMMUNICATION<\/strong><\/p>\n\n\n\n
- \n
- Enter Gift Rule Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.<\/p>\n\n\n\n
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift<\/p>\n\n\n\n- \n
- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.
<\/p>\n\n\n\nExample (Product based rule):- Get a FREE gift product on the purchase of Product A!
Example (Cart based rule):- Add products (worth $1000 USD) to cart & earn a FREE gift product!<\/p>\n\n\n\n<\/figure>\n\n\n\nPRODUCT RULE<\/h2>\n\n\n\n
Set a rule according to which, if a buyer purchases product X, he will get a product Y free. <\/p>\n\n\n\n
Enter the Gift RULE INFORMATION<\/strong><\/p>\n\n\n\n
- \n
- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Description<\/strong>: Enter the gift rule description.<\/li>\n\n\n\n
- Select Gift Product<\/strong><\/li>\n\n\n\n
- Default Gift<\/strong><\/li>\n<\/ul>\n\n\n\n
<\/figure>\n\n\n\nEnter the GLOBAL CRITERIA<\/strong><\/p>\n\n\n\n
- \n
- ‘Gift rule on the basis of<\/strong>‘: This will show either cart or product as per your configuration.<\/li>\n\n\n\n
- SELECT PRODUCT<\/strong>: Select the product on which this rule applies.<\/li>\n\n\n\n
- Select the date range<\/strong> for which the rule will be valid.<\/li>\n<\/ul>\n\n\n\n
<\/figure>\n\n\n\nCUSTOMER COMMUNICATION<\/strong><\/p>\n\n\n\n
- \n
- Enter Gift Rule Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.<\/p>\n\n\n\n
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift<\/p>\n\n\n\n- \n
- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.<\/p>\n\n\n\n
Example (Product based rule):- Get a FREE gift product on the purchase of Product A!
Example (Cart based rule):- Add products (worth $1000 USD) to cart & earn a FREE gift product!<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/p>\n<\/div>\n\n\n\n
Gift Rule Page<\/h3><\/div>
\nNow, the admin can create a header navigation menu on his storefront to display all the gift rules he has added. <\/p>\n\n\n\n
Customers can also redirect to see all the gift products associated with that particular gift rule by clicking on the view all gifts<\/strong> menu. Refer to the image given below.<\/p>\n\n\n\n
<\/figure>\n\n\n\nHow to add this navigation menu?<\/strong><\/p>\n\n\n\n
- \n
- Go to the Online Store<\/strong> section from Shopify backend<\/li>\n\n\n\n
- Click on Navigation<\/strong><\/li>\n\n\n\n
- Click on the Main menu<\/strong><\/li>\n<\/ul>\n\n\n\n
<\/figure>\n\n\n\n- \n
- Type your page title (ex. Gift Rules)<\/li>\n<\/ul>\n\n\n\n<\/figure>\n\n\n\n
- \n
- Click on the link text field<\/li>\n\n\n\n
- Select Pages<\/strong><\/li>\n<\/ul>\n\n\n\n<\/figure>\n\n\n\n
- \n
- Select Gift Rules<\/strong> from the listing <\/li>\n\n\n\n
- Click on Add<\/strong>.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n
Configure Frontend<\/h3><\/div>
\nThe Admin needs to do some code-pasting regarding the app. In the Configure Frontend section, he will get all the codes and instructions for the same.<\/p>\n\n\n\n
To show the gift info popup on any page of your store, add the below-given code to Layout\/theme.liquid <\/strong>template file<\/p>\n\n\n\n
<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nShow & add gift products to cart, add the below-given code to Templates\/cart.liqui<\/strong>d<\/p>\n\n\n\n
<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nTo hide the gift products from the product page, add the below-given code to the first line of Sections\/product-template.liquid<\/strong><\/p>\n\n\n\n
{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, at the last line of Sections\/product-template.liquid<\/strong><\/p>\n\n\n\n
{% endunless %}<\/pre>\n\n\n\nTo hide the gift product from the product grid page, you need to add the below-given code at the first line of Sections\/product-grid-item.liquid<\/strong>.<\/p>\n\n\n\n
{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, at the last line of Sections\/product-grid-item.liquid<\/strong>.<\/p>\n\n\n\n
{% endunless %}<\/pre>\n\n\n\nNOTE<\/h2>\n\n\n\n
\n
Make sure to hide the gift product quantity <\/strong>on the cart page.<\/p>\n<\/blockquote>\n\n\n\n
To remove the quantity field from the cart page for gift product, you need to add the code to Templates\/cart.liquid file <\/strong><\/p>\n\n\n\n
{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts<\/a> {% else %} {% endif %}<\/pre>\n\n\n\n<\/figure>\n\n\n\n\n<\/h3>\n<\/div><\/div>\n\n\n\n
If you are using Online store 2.0<\/a><\/strong> (Example- Dawn), you need to follow the steps to add the codes.<\/p>\n\n\n\n
To show the gift Info popup, add the codes to layout\/theme.liquid<\/strong> file:-<\/p>\n\n\n\n
{% include 'wk_gift_order_popup' %}<\/pre>\n\n\n\nFor showing and add gift product on cart, add the codes to sections\/main-cart-footer.liquid<\/strong> file:-<\/p>\n\n\n\n
<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"><\/div><\/pre>\n\n\n\nTo hide the gift product from the product page, add the codes at the first line of sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
{% unless product.tags contains "gift_product" %}<\/pre>\n\n\n\nAlso, add the code at the last line of sections\/main-product.liquid<\/strong> file:-<\/p>\n\n\n\n
{% endunless %}<\/pre>\n\n\n\nTo hide the gift product from the product grid page, add the codes at the first line of snippets\/product-card.liquid<\/strong> file:-<\/p>\n\n\n\n
{% unless product_card_product.tags contains "gift_product" %}<\/pre>\n\n\n\nalso, add the codes to at the last line of snippets\/product-card.liquid<\/strong> file:-<\/p>\n\n\n\n
{% endunless %}<\/pre>\n\n\n\nNow, to remove update quantity field from cart page for gift product, add the codes to at sections\/main-cart-items.liquid file inside below code<\/strong>:-<\/p>\n\n\n\n
{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts<\/a> {% else %} {% endif %}<\/pre>\n\n\n\n<\/p>\n\n\n\n
Connect<\/a> in case of any assistance.<\/p>\n<\/div>\n\n\n\n
My Plan<\/h3><\/div>
\nExplore the Gift On Order plans that we have for you from this section:<\/p>\n\n\n\n
<\/figure>\n\n\n\nClicking on ‘View All Plans’, you’ll have this:<\/p>\n\n\n\n
<\/figure>\n\n\n\nBasic: <\/strong>Your monthly basic plan for $9.00 is activated.<\/p>\n\n\n\n
Premium:<\/strong> Choose the premium plan if you want to get charged yearly at a cost of $99.00\/Yearly.<\/p>\n<\/div>\n\n\n\n
Shopify Gift on Order Front-end<\/h3><\/div>
\nOn the front end, as per your rule, the minimum order value will be crossed then the default gift item will get automatically assigned to the cart when a buyer will add the products to the cart.<\/p>\n\n\n\n
The customer can, however, change the free gift if you have given the options of other gifts as well.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAlso on the cart page just below the checkout button, the information about the next offer of minimum purchase and free gift on that.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAdmin can also display the additional amount needed to make your current order eligible for a free gift product:<\/p>\n\n\n\n
<\/figure>\n<\/div>\n\n\n\nShopify Gift On Order Demo<\/h3><\/div>
\nMoreover, check out the link given below to have a demo of the app:
https:\/\/gift-on-order.myshopify.com\/pages\/demo <\/a><\/p>\n<\/div>\n\n\n\nSupport<\/h3><\/div>
\nFurther, in case of any query, feel free to raise a ticket at http:\/\/webkul.uvdesk.com\/<\/a> or drop an email at support@webkul.com.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
- Click on Add<\/strong>.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n
- Select Gift Rules<\/strong> from the listing <\/li>\n\n\n\n
- Click on Navigation<\/strong><\/li>\n\n\n\n
- Go to the Online Store<\/strong> section from Shopify backend<\/li>\n\n\n\n
- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
- SELECT PRODUCT<\/strong>: Select the product on which this rule applies.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n
- Enter Gift Rule Sub Heading<\/strong><\/li>\n<\/ul>\n\n\n\n
- Min Cart Amount<\/strong>: Set up the minimum order value to be eligible for the free gift.<\/li>\n\n\n\n
- Gift Rule Name<\/strong>: Enter the gift rule name.<\/li>\n\n\n\n
- Gift Rule Status<\/strong>: Make the gift rule active by enabling this option.<\/li>\n\n\n\n