Back to Top

Gift On Order App for Shopify

Updated 6 September 2022

Who doesn’t likes gifts!! Everyone loves to receive it as it adds the pinch of excitement in the whole situation. Ever imagine giving free gifts to your buyers as it could be a sales booster and a motivation for them to buy from your eCommerce store.
Yes, you got it right. Using the Shopify Gift on Order app, you can assign free gifts to orders which exceed a set amount and much more.
Let’s understand it all in detail.

Features

  • Admin can create various gift products.
  • Admin will set the value of the order, exceeding which the gift will get assigned.
  • The gift product will be automatically added to the cart of the buyer.
  • The buyer can also choose from the range of free gifts available.
  • All the rules for a gift related to order value will be decided by the Admin or the store owner.
  • An app amazingly design to promote and enhance sales.
  • User-friendly interface.
  • cross-browser compatible.

Installation

Use the following link to install the app: https://apps.shopify.com/gift-on-order

Workflow

Once you make the payment for the plan, you will have Gift On Order in the apps section of your Shopify store.

Gift On Order

Clicking on which you will be redirected to the home page of the app.

1-1-2

Firstly, 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. On the same page, you’ll have an option to create a ticket in case of query & schedule booking.

Searching for a Shopify
Headless solution ?
Find out More

CONFIGURATION

General Configuration

In the 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‘ if you want to display other gift rules which exceed the current cart amount on the cart page and enable ‘Display welcome popup‘.

Priority on Gift Products: Choose if you want to offer gift products to the customer in case the cart value satisfies or the product rule satisfies.

Note: Please don’t enable the option to display welcome popup until and unless you’ve added gift rules and gift products to your store.

a1

Label Configuration

The admin can use this section to change the frontend labels.

image-12

Welcome Popup

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

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.

a2

Frontend View of the welcome popup:

Products-–-shubham-store1-1-1

Gift Products

This section will show the list of gift products added by you. You can enable/disable and can even delete them from here. The products can be searched using the filter option on the basis of product ID, name and price.

shubham-store1-Shubham-Gift-On-Order-Shopify

How to add gift products?

Click on the ‘Add Gift Product’ button:

unnamed-file-1

Select the product from the popup:

a6

Gift Rules

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

a7

Adding New Rule

Clicking 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:

CART RULE

You can set a minimum cart amount after which your customers will be eligible to have a free gift.

Enter the Gift RULE INFORMATION

  • Gift Rule Status: Make the gift rule active by enabling this option.
  • Gift Rule Name: Enter the gift rule name.
  • Description: Enter the gift rule description.
  • Select Gift Product
  • Default Gift
screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-1

Enter the GLOBAL CRITERIA

  • Gift rule on the basis of‘: This will show either cart or product as per your configuration.
  • Min Cart Amount: Set up the minimum order value to be eligible for the free gift.
  • Select the date range for which the rule will be valid.

CUSTOMER COMMUNICATION

  • Enter Gift Rule Heading

Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift

  • Enter Gift Rule Sub Heading

Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.
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!

screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-3

PRODUCT RULE

Set a rule according to which, if a buyer purchases product X, he will get a product Y free.

Enter the Gift RULE INFORMATION

  • Gift Rule Status: Make the gift rule active by enabling this option.
  • Gift Rule Name: Enter the gift rule name.
  • Description: Enter the gift rule description.
  • Select Gift Product
  • Default Gift
screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-1

Enter the GLOBAL CRITERIA

  • Gift rule on the basis of‘: This will show either cart or product as per your configuration.
  • SELECT PRODUCT: Select the product on which this rule applies.
  • Select the date range for which the rule will be valid.
screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-2

CUSTOMER COMMUNICATION

  • Enter Gift Rule Heading

Enter the gift rule heading to be displayed for each gift product on the cart page & the gift rule condition page.
Example (Product based rule):- Buy Product A & Get a FREE Gift
Example (Cart based rule):- Purchase above $1000 & Earn a FREE Gift

  • Enter Gift Rule Sub Heading

Enter the gift rule sub-heading to be displayed for each gift product on the cart page & the gift rule conditions.
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!

screencapture-gift-on-order-myshopify-admin-apps-gift-on-order-shopify-gift-onorder-index-php-2019-12-04-15_46_54-3

Gift Rule Page

Now, the admin can create a header navigation menu on his storefront to display all the gift rules he has added. Customers can also redirect to see all the gift products associated with that particular gift rule by clicking on the view all gifts menu. Refer to the image given below.

Gift-Rules-–-shubham-store1-1

How to add this navigation menu?

  • Go to the Online Store section from Shopify backend
  • Click on Navigation
  • Click on the Main menu
a8
  • Type your page title (ex. Gift Rules)
a9
  • Click on the link text field
  • Select Pages
a11
  • Select Gift Rules from the listing
  • Click on Add.

Configure Frontend

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

To show the gift info popup on any page of your store, add the below-given code to Layout/theme.liquid template file

<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"></div>

Show & add gift products to cart, add the below-given code to Templates/cart.liquid

 <div id="wk_order_gift" data-total-price="{{ cart.total_price }}"></div>

To hide the gift products from the product page, add the below-given code to the first line of Sections/product-template.liquid

{% unless product.tags contains "gift_product" %}

also, at the last line of Sections/product-template.liquid

{% endunless %}

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

{% unless product.tags contains "gift_product" %}

also, at the last line of Sections/product-grid-item.liquid.

{% endunless %}

NOTE

Make sure to hide the gift product quantity on the cart page.

To remove the quantity field from the cart page for gift product, you need to add the code to Templates/cart.liquid file

{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts</a> {% else %} {% endif %}
a12

Online Store 2.0 – Code Instructions

If you are using Online store 2.0 (Example- Dawn), you need to follow the steps to add the codes.

To show the gift Info popup, add the codes to layout/theme.liquid file:-

{% include 'wk_gift_order_popup' %}

For showing and add gift product on cart, add the codes to sections/main-cart-footer.liquid file:-

<div id="wk_order_gift" data-total-price="{{ cart.total_price }}"></div>

To hide the gift product from the product page, add the codes at the first line of sections/main-product.liquid file:-

{% unless product.tags contains "gift_product" %}

Also, add the code at the last line of sections/main-product.liquid file:-

{% endunless %}

To hide the gift product from the product grid page, add the codes at the first line of snippets/product-card.liquid file:-

{% unless product_card_product.tags contains "gift_product" %}

also, add the codes to at the last line of snippets/product-card.liquid file:-

{% endunless %}

Now, 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:-

{% if item.product.tags contains "gift_product" %} <a href="#wk_choose_gifts">View all gifts</a> {% else %} {% endif %}

Connect in case of any assistance.

My Plan

Explore the Gift On Order plans that we have for you from this section:

a21

Clicking on ‘View All Plans’, you’ll have this:

a321

Basic: Your monthly basic plan for $9.00 is activated.

Premium: Choose the premium plan if you want to get charged yearly at a cost of $99.00/Yearly.

Shopify Gift on Order Front-end

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

The customer can, however, change the free gift if you have given the options of other gifts as well.

cart page

Also on the cart page just below the checkout button, the information about the next offer of minimum purchase and free gift on that.

Checkout

Admin can also display the additional amount needed to make your current order eligible for a free gift product:

screencapture-shubham-store1-myshopify-cart-2019-06-27-17-55-11

Shopify Gift On Order Demo

Moreover, check out the link given below to have a demo of the app:
https://gift-on-order.myshopify.com/pages/demo

Support

Further, in case of any query, feel free to raise a ticket at http://webkul.uvdesk.com/ or drop an email at [email protected].

Current Product Version - 1.0

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


2 comments

  • Alex Zemkus
    • Neha Sharma
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content