Gift On Order App for Shopify

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

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.

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.

Frontend View of the welcome popup:

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.

Click on the ‘Add Gift Product’ button:

Select the product from the popup:

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.

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

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!

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

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.

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!

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.

How to add this navigation menu?

• Go to the Online Store section from Shopify backend
• Click on Navigation
• Click on the Main menu

• Type your page title (ex. Gift Rules)

• Click on the link text field
• Select Pages

• Select Gift Rules from the listing
• Click on Add.

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 %}

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.

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

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

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.

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.

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

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

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

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