INSTALLATION
- Log in to your Shopify account > Go to Apps > Further, click on Visit Shopify App Store
- 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 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!
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 [email protected].
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.
Demo of Gift on Order app
https://gift-on-order.myshopify.com/pages/demo
Gift on Order Main Blog
https://webkul.com/blog/shopify-gift-on-order/
Get the app
https://apps.shopify.com/gift-on-order
Need Help?
In case of any query or suggestion, please feel free to drop an email at [email protected] or create a ticket at https://webkul.uvdesk.com.
Be the first to comment.