Menu Close
    Hire us Request quote Reading list Switch to dark mode

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

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

    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 support@webkul.com or create a ticket at https://webkul.uvdesk.com.

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close