by admin
December 15, 2021

The comprehensive guide to add the gift wrap on your Shopify store

Nowadays, a huge number of merchants start gift-wrapping their customers’ purchases. Besides, customers have discovered that using this service saves them time. And, in particular, it also results in a superior wrapping than they could accomplish on their own. Then, in this article, Arrowtheme will deliver you the detailed guide to add the Shopify gift wrap on your Shopify online store. Let’s start with the benefits of it that every company needs to know right now

>>> Read more: Why WordPress password protected page not working?

Benefits of Shopify gift wrap 

Although gift wrap is usually loved by almost all customers, they also bring businesses a lot of great benefits. Below are several typical ones:

  • Firstly, Shopify gift wrap has the potential to boost your average order value by providing complimentary gift wrapping for sales over a particular quantity.
  • Help your business to increase overall revenue: Following that, you can easily earn a profit on gift wrapping if you charge a slight premium over what it costs you in time and materials.
Shopify gift wrap
  • Not only that, it also helps you to raise your client loyalty. Simply speaking, customers are more likely to return if you add any element of convenience to their experience. 

Create Shopify gift wrap on your online store

To begin, you are able to generate the Shopify gift wrap option:

#1. Firstly, you have to go to Products >> All Products in your Shopify admin.

#2. Then, click Add product to proceed
#3. After that, you can create a gift-wrap product in the same way you would any other one.

how to add Shopify gift wrap
  • What’s more, in this area, you can explain what materials you will utilize to wrap the items in your product description.
  • Besides, you are able to give your gift-wrap product the pricing for the service you want to charge. Moreover, let’s set the price of your gift-wrap product to 0 if you want gift wrapping to be free. 
  • In addition, if you want to show your consumers what a gift-wrapped order would look like, you can upload the image for the product. 
  • Alternatively, you need to make sure your Shopify gift wrap product has inventory, or change the settings so Shopify doesn’t monitor inventory for it. Then, you can uncheck Track quantity if your store has many locations to prevent Shopify from tracking inventory for the gift-wrap product. 

#4. Finally, don’t forget to click Save to complete. 

Way to create a menu

In the next step, you must generate a menu pointing to your Shopify gift wrap items.

  • With Desktop 

#1. Firstly, the first step is to go to the Online Store >> Navigation in your Shopify admin.

#2. Then, you have to select the Add menu option.

#3. More importantly, you need to name your menu Gift wrapping which the handle that has been assigned to the menu gift-wrapping. 

#4. To continue, you must insert Shopify gift wrap product to the menu

  • After clicking the Add menu item, you must enter a Name for the link to the gift-wrap items. 
  • Let’s choose Products in the Link area, and then from the drop-down selection, you have to select the gift-wrap product. 
  • Select Add option. 

#5. The last stage is click Save menu to finish the process of creating a menu. 

  • With mobile 

#1. In terms of mobile version, you must firstly tap Store on the Shopify app.

#2. Then, click the Online Store under the Sales channels section.

#3. In order to continue, you have to click Navigation

#4. After that, you must select the Add menu option.

#5. Then, the next step you need to do is to give your menu a name: Gift wrapping. It is the handle that has been assigned to the menu.

#6. Let’s continue by adding your gift-wrap product to the menu

  • After clicking the Add menu item, you must enter a Name for the link to the gift-wrap items. 
  • Let’s choose Products in the Link area, and then from the drop-down selection, you have to select the gift-wrap product. 
  • Then, select Add option. 

#7. Finally, remember to click the Save menu button. 

Way to create a menu

How to generate a code snippet? 

  • With Desktop  

#1. Let’s start by going to the Online Store >> Themes in your Shopify admin.

#2. Then, after finding the suitable theme you wish to change, the next step is to go to Actions >> Edit code. 

#3. Then, click Add a new snippet in the Snippets directory.
#4. You must tap Create snippet and give your snippet the name gift-wrapping. Then, the code editor will open your snippet file. 

#5. After that, in the next stage, all you need to do is to paste some code into your new gift-wrapping snippet file. The code you paste will be determined by how you wish to charge your clients for gift wrapping. 

Specifically, if you want to add a flat rate charge for gift wrapping, let’s paste the code like below and don’t forget to SAVE. 

{% if linklists.gift-wrapping.links.size > 0 and

linklists.gift-wrapping.links.first.type == ‘product_link’ %}

<div

  id=”is-a-gift”

  style=”clear: left; margin: 30px 0″

  class=”clearfix rte”

>

  <p>

    <input

      id=”gift-wrapping”

      type=”checkbox”

      name=”attributes[gift-wrapping]”

      value=”yes”

      {%

      if

      cart.attributes.gift-wrapping

      %}

      checked=”checked”

      {%

      endif

      %}

      style=”float: none”

    />

    <label

      for=”gift-wrapping”

      style=”display:inline; padding-left: 5px; float: none;”

    >

      For {{ linklists.gift-wrapping.links.first.object.price | money }}

      please wrap the products in this order.

    </label>

  </p>

  <p>

    <label style=”display:block” for=”gift-note”

      >Gift message (free and optional):</label

    >

    <textarea name=”attributes[gift-note]” id=”gift-note”>

{{ cart.attributes.gift-note }}</textarea

    >

  </p>

</div>

{% assign id = linklists.gift-wrapping.links.first.object.variants.first.id

%} {% assign gift_wraps_in_cart = 0 %} {% for item in cart.items %} {% if

item.id == id %} {% assign gift_wraps_in_cart = item.quantity %} {% endif %}

{% endfor %}

<style>

  #updates_{{ id }} { display: none; }

</style>

<script>

  Shopify.Cart = Shopify.Cart || {};

  Shopify.Cart.GiftWrap = {};

  Shopify.Cart.GiftWrap.set = function() {

    var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

    var request = {

      method: ‘POST’,

      headers: headers,

      body: JSON.stringify({ updates: { {{ id }}: 1 }, attributes: { ‘gift-wrapping’: true } })

    };

    fetch(‘/cart/update.js’, request)

    .then(function() {

      location.href = ‘/cart’;

    });

  }

  Shopify.Cart.GiftWrap.remove = function() {

    var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

    var request = {

      method: ‘POST’,

      headers: headers,

      body: JSON.stringify({ updates: { {{ id }}: 0 }, attributes: { ‘gift-wrapping’: ”, ‘gift-note’: ” } })

    };

    fetch(‘/cart/update.js’, request)

    .then(function() {

      location.href = ‘/cart’;

    });

  }

  // If we have nothing but gift-wrap items in the cart.

  {% if cart.items.size == 1 and gift_wraps_in_cart > 0 %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.remove();

  });

  // If we have more than one gift-wrap item in the cart.

  {% elsif gift_wraps_in_cart > 1 %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  // If we have a gift-wrap item in the cart but our gift-wrapping cart attribute has not been set.

  {% elsif gift_wraps_in_cart > 0 and cart.attributes.giftwrapping == blank  %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  // If we have no gift-wrap item in the cart but our gift-wrapping cart attribute has been set.

  {% elsif gift_wraps_in_cart == 0 and cart.attributes.giftwrapping != blank  %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  {% endif %}

  // When the gift-wrapping checkbox is checked or unchecked.

  document.addEventListener(“DOMContentLoaded”, function(){

    document.querySelector(‘[name=”attributes[gift-wrapping]”]’).addEventListener(“change”, function(event) {

      if (event.target.checked) {

        Shopify.Cart.GiftWrap.set();

      } else {

        Shopify.Cart.GiftWrap.remove();

      }

    });

    document.querySelector(‘#gift-note’).addEventListener(“change”, function(evt) {

      var note = evt.target.value;

      var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

      var request = {

        method: ‘POST’,

        headers: headers,

        body: JSON.stringify({ attributes: { ‘gift-note’: note } })

      };

      fetch(‘/cart/update.js’, request);

    });

  });

</script>

{% else %}

<p style=”clear: left; margin: 30px 0″ class=”rte”>

  You attempted to add a gift-wrapping script to your shopping cart, but it won’t work because you don’t have a link list with handle

  <code>gift-wrapping</code> which, in turn, contains a link to your

  gift-wrapping product. Please review the steps outlined

  <a

    href=”https://help.shopify.com/manual/online-store/themes/os/customize/add-gift-wrap-option”

    target=”_blank”

    rel=”noopener noreferrer nofollow”

    >here</a

  >.

</p>

{% endif %}

In addition, with the case of adding a charge that is multiplied by the number of items in the order. If you choose this option and your order contains three products, the Shopify gift wrap charge will be multiplied by three. You must copy and save the following code:

{% if linklists.gift-wrapping.links.size > 0 and

linklists.gift-wrapping.links.first.type == ‘product_link’ %}

<div

  id=”is-a-gift”

  style=”clear: left; margin: 30px 0″

  class=”clearfix rte”

>

  <p>

    <input

      id=”gift-wrapping”

      type=”checkbox”

      name=”attributes[gift-wrapping]”

      value=”yes”

      {%

      if

      cart.attributes.gift-wrapping

      %}

      checked=”checked”

      {%

      endif

      %}

      style=”float: none”

    />

    <label

      for=”gift-wrapping”

      style=”display:inline; padding-left: 5px; float: none;”

    >

      For {{ linklists.gift-wrapping.links.first.object.price | money }} per

      item, please wrap the products in this order.

    </label>

  </p>

  <p>

    <label style=”display:block” for=”gift-note”

      >Gift message (free and optional):</label

    >

    <textarea name=”attributes[gift-note]” id=”gift-note”>

{{ cart.attributes.gift-note }}</textarea

    >

  </p>

</div>

{% assign id = linklists.gift-wrapping.links.first.object.variants.first.id

%} {% assign gift_wraps_in_cart = 0 %} {% for item in cart.items %} {% if

item.id == id %} {% assign gift_wraps_in_cart = item.quantity %} {% endif %}

{% endfor %} {% assign items_in_cart = cart.item_count | minus:

gift_wraps_in_cart %}

<style>

  #updates_{{ id }} { display: none; }

</style>

<script>

  Shopify.Cart = Shopify.Cart || {};

  Shopify.Cart.GiftWrap = {};

  Shopify.Cart.GiftWrap.set = function() {

    var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

    var request = {

      method: ‘POST’,

      headers: headers,

      body: JSON.stringify({ updates: { {{ id }}: {{ items_in_cart }} }, attributes: { ‘gift-wrapping’: true } })

    };

    fetch(‘/cart/update.js’, request)

    .then(function() {

      location.href = ‘/cart’;

    });

  }

  Shopify.Cart.GiftWrap.remove = function() {

    var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

    var request = {

      method: ‘POST’,

      headers: headers,

      body: JSON.stringify({ updates: { {{ id }}: 0 }, attributes: { ‘gift-wrapping’: ”, ‘gift-note’: ” } })

    };

    fetch(‘/cart/update.js’, request)

    .then(function() {

      location.href = ‘/cart’;

    });

  }

  // If we have nothing but gift-wrap items in the cart.

  {% if cart.items.size == 1 and gift_wraps_in_cart > 0 %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.remove();

  });

  // If we don’t have the right amount of gift-wrap items in the cart.

  {% elsif gift_wraps_in_cart > 0 and gift_wraps_in_cart != items_in_cart %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  // If we have a gift-wrap item in the cart but our gift-wrapping cart attribute has not been set.

  {% elsif gift_wraps_in_cart > 0 and cart.attributes.giftwrapping == blank  %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  // If we have no gift-wrap item in the cart but our gift-wrapping cart attribute has been set.

  {% elsif gift_wraps_in_cart == 0 and cart.attributes.giftwrapping != blank  %}

  document.addEventListener(“DOMContentLoaded”, function(){

    Shopify.Cart.GiftWrap.set();

  });

  {% endif %}

  // When the gift-wrapping checkbox is checked or unchecked.

  document.addEventListener(“DOMContentLoaded”, function(){

    document.querySelector(‘[name=”attributes[gift-wrapping]”]’).addEventListener(“change”, function(event) {

      if (event.target.checked) {

        Shopify.Cart.GiftWrap.set();

      } else {

        Shopify.Cart.GiftWrap.remove();

      }

    });

    document.querySelector(‘#gift-note’).addEventListener(“change”, function(evt) {

      var note = evt.target.value;

      var headers = new Headers({ ‘Content-Type’: ‘application/json’ });

      var request = {

        method: ‘POST’,

        headers: headers,

        body: JSON.stringify({ attributes: { ‘gift-note’: note } })

      };

      fetch(‘/cart/update.js’, request);

    });

  });

</script>

{% else %}

<p style=”clear: left; margin: 30px 0″ class=”rte”>

  You attempted to add a gift-wrapping script to your shopping cart, but it

  won’t work because you don’t have a link list with handle

  <code>gift-wrapping</code> which, in turn, contains a link to your

  gift-wrapping product. Please review the steps outlined

  <a

    href=”https://help.shopify.com/manual/online-store/themes/os/customize/add-gift-wrap-option”

    target=”_blank”

    rel=”noopener noreferrer nofollow”

    >here</a

  >.

</p>

{% endif %}

guide to add the Shopify gift wrap on your Shopify store
  • With mobile

#1. First of all, you must tap Store on the Shopify app 

#2. Then, click the Online Store under the Sales channels section. 

#3. After that, you have to select Manage themes 

#4. As soon as you find the suitable theme that fits with your requirements, you need to go to Actions >> Edit code. 

#5. After that, you must click Add a new snippet in the Snippets directory.

#6. You have to name your snippet gift-wrapping and then, click Create snippet. Plus, you are able to open your snippet file in the code editor. 

#7. Then, you need to paste some code into your new gift-wrapping snippet file in this stage. Moreover, the code you paste will be determined by how you wish to charge your clients for gift wrapping. Besides, the code for adding a flat rate charge for gift wrapping as well as adding a charge that is multiplied by the number of products in the order is the same as with them on the desktop version. 

Way to include the snippet in your cart template 

#1. Firstly, you have to click cart-template.liquid in the Sections directory. In case your theme doesn’t have a cart-template.liquid file, you need to look in the Templates directory for cart.liquid.

#2. Then, in the code, you must look for the ending /form> tag. You can paste the following code on a new line above the ending /form> tag:

        {% render ‘gift-wrapping’ %}

#3. Finally, don’t forget to click the Save option.

How to execute gift wrap in the fulfillment process

1. Where to purchase supplies

The size of your company will determine where you get your wrapping materials. Additionally, you are able to readily get supplies from a local large retailer for small sized businesses. According to Jeffrey Michael, Marketing Manager at Moriarty’s Gem Art, the best time to buy wrapping products is after the holidays, since this time has significant reductions.

Moreover, you can order supplies in bulk from a gift-wrapping company like Nashville Wraps, Paper Mart, or Deluxe Bags & Bows for larger operations. Additionally, wrapping paper is usually sold in 24’x417′ rolls at these stores. Best of all, these huge rolls can wrap around 200 items and cost roughly $1.35 each gift.

2. Include a wrapping area in your fulfillment procedure

Firstly, you have to create a gift wrapping station in your packing area. Besides, a level surface plus storage for your scissors, tape and other supplies are extremely necessary for this. In addition, the next step is to pick how you want your gift items to be packaged. 

What’s more, you can take advantage of basic styles to come up with the perfect look for your company. For instance, you can use double-sided tape to fold all of your raw edges over or wrap a length of ribbon around each item. Then, you will need to train your employees as soon as you find a perfect process that works for your brand and item shapes. 

Include a wrapping area in your fulfillment procedure

Effective way to determine the cost of Shopify gift wrap

In order to determine the most suitable cost of gift wrapping, you should consider a few factors: 

  • Firstly, materials costs
  • Secondly, time it takes for a your team member to wrap an order
  • Thirdly, additional shipping costs
  • Finally, the profit you wish to gain

Regardless of the conditions and requirements, you can choose to offer free gift wrapping as a holiday promotion. 

Furthermore, this is what several Shopify companies have stated regarding gift wrapping to give you an idea of what a real-world gift wrapping process looks like.

  • Firstly, Jeffrey Michael informed that gift-wrapping will account for 30% of their orders. What’s more, wrapping added an average of ten minutes to the fulfillment procedure. Wrapping costs $9.95 at Moriarty’s.
  • Secondly, according to Thomas from CPHAGEN, wrapping adds five minutes to CPHAGEN’s fulfillment process. Besides, in order to differentiate themselves from their competitors, CPHAGEN provides complimentary gift wrapping.
  • The founder of BeInspired, Jackie Besser prepares her wrapping materials as much as possible ahead of time. Besides, in her spare time, she cuts her wrap to the size of her presents and assembles her homemade bows, which takes around two minutes every delivery. She claims that after all of this, the final wrapping only takes one to two minutes per item to complete. For wrapping, she costs $3.50. 

In conclusion

To sum up, as you can see, gift wrap is a win-to-win for not only consumers but also companies. Arrowtheme hopes through this article, you will know the comprehensive guide of adding the Shopify gift wrap on your online store and then, it can bring you a lot of benefits. Furthermore, if you have any queries on this topic or anything related to Shopify, don’t hesitate to CONTACT US to be best consulted.

More crucially, Arrowtheme also provides Shopify website packages that includes everything you surely need to launch and develop your ecommerce Shopify store. Any Shopify services can be found on our packages at an affordable price. Best of all, you can save upto 30% when using any of our services at this time. Hence, don’t miss this amazing chance!

Related Posts