Gift on Order by Webkul for Shopify: Installation & Workflow Guide

Live Demo

Demo Main Blog Wireframe

INSTALLATION

Further, search for Gift on Order on Shopify App Store:

Click on Add App

You will be automatically redirected to the Shopify backend, click on Install App

Lastly, approve the charges & click on the Start Free Trial Button (this app comes with a 7-days free trial period after which you’ll be charged for the app)

Further, the app will be listed in the Apps section

This is all about the installation, let’s move on to the workflow of this app.

WORKFLOW

Once you’ll click on the app, you’ll land on the Home Page

Frontend configuration (code-pasting) will be discussed ahead in this guide.

CONFIGURATION

The configuration of this app is divided into two sections:

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 lastly, 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 on your store.

Label Configuration

From this section, you can configure the frontend labels; click on reset to change them to by default.

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.

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

HOW TO ADD GIFT PRODUCTS?

Gift products will be added from the Gift Product section of the app.

GIFT PRODUCTS

This section of the app will list down all the added gift products from the Shopify backend. You can enable, disable or delete the following Gift products.

To add a gift, click on the ‘Add Gift Product’ button:

Select the product from the popup:

GIFT RULES

How to add Gift Rules?

Visit the Gift Rules section of the app > Click on the + symbol:

Further, you will be redirected to the add gift rule form:

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.
Lastly, 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.
Lastly, select the date range for which the rule will be valid.

CUSTOMER COMMUNICATION

Enter Gift Rule Heading

Enter Gift Rule Sub Heading

Furthermore, after entering all the details, save the gift rule.

All the added gift rules will be listed in the Gift Rule section of the app from where you can enable, disable, delete, view/edit the added gift rules.

Lastly, let’s see how to configure the frontend.

CONFIGURE FRONTEND

The admin needs to paste the following codes in the respective liquid files:

Gift on order app requires your theme to have the Cart set to Page and not Drawer.

templates/cart.liquid

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

sections/product-template.liquid

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

{% endunless %}

Snippets/product-grid-item.liquid

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

{% endunless %}

To remove update quantity field from cart page for gift product, enclose the quantity field in templates/cart.liquid file inside below code:

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

How to find these template files?

Simply, go to Shopify backend > Online Store > Themes > Actions > Edit Code

Further, search for the file name, paste the codes and save.

Moreover, if you are having any trouble regarding the code-pasting or any other configuration, please don’t hesitate to contact us at support@webkul.com.

My Plan

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

Moreover, 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.

At last, this was all about the installation & configuration of the app.

Need Help?

In case of any query or suggestion, please feel free to drop an email at support@webkul.com or create a ticket at https://webkul.uvdesk.com.

Categories: Shopify

Mansi Rana 5-March-2020

View Comments Comment or Ask a Question

Quick Links