index.html

---
layout: default
title: Yagi Software - Shopify tutorials & resources
description: Learn to Customize your Shopify store without coding knowledge, and improve your store experience
id: index
image: https://yagisoftware.com/websitecover.png
---

<div class="mx-auto max-w-3xl pt-8">

  <div class="w-full flex flex-wrap">
    <div class="w-2/3">
      <h2 class="font-semibold text-2xl md:text-5xl tracking-tight">Customize your Shopify store without coding knowledge</h2>
      <br>
      <h3 class="text-gray-500 text-base lg:text-lg">I will send practical tutorials and guide to improve your store experience, which you can follow without coding experience, about once a week</h3>
    </div>


    <div class="w-1/3 text-right">
      <!-- <img src="profile3a.png" class="ml-auto w-48 border border-gray-200 rounded-full" alt="Axel Kee"/> -->
      <p class="mt-4 text-gray-500 text-sm">Axel Kee</p>
    </div>
  </div>

  <div class="w-full text-center mt-4 mx-auto">
    <script async data-uid="0d03b9c5a5" src="https://yagisoft.ck.page/0d03b9c5a5/index.js"></script>
    <p class="text-gray-500 text-sm">We respect your privacy, unsubscribe any time</p>
  </div>

</div>


<div class="mx-auto max-w-3xl pt-8 mt-8">
  <h2 class="font-semibold text-2xl md:text-5xl tracking-tight">Shopify Apps</h2>

  <div class="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
    <div class="rounded bg-white drop-shadow px-6 py-4 text-center">
      <a target="_blank" href="https://apps.shopify.com/cancellable">
        <img src="cancellable.png" alt="Yagi Order Cancellable app" class="mx-auto rounded drop-shadow w-16"/>
      </a>
      <a target="_blank" href="https://apps.shopify.com/cancellable" class="block mt-4 font-semibold text-2xl tracking-tight text-center text-slate-800 underline hover:text-amber-400">Yagi Order Cancellable</a>
      <p class="text-lg mt-4">Let customers cancel order on their own, so that you can save time spent on support, increase customer satisfaction and reduce potential chargeback requests.</p>

     <a target="_blank" href="https://apps.shopify.com/cancellable" class="mt-8 block cursor-pointer rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">View on Shopify App Store</a>

    </div>
    <div class="rounded bg-white drop-shadow px-6 py-4 text-center">
      <a target="_blank" href="https://apps.shopify.com/draft-helper">
        <img src="drafthelper.png" alt="Draftable - Draft Order Helper app" class="mx-auto rounded drop-shadow w-16"/>
      </a>
      <a target="_blank" href="https://apps.shopify.com/draft-helper" class="block mt-4 font-semibold text-2xl tracking-tight text-center text-slate-800 underline hover:text-green-400">Draft Order Helper</a>
      <p class="text-lg mt-4 px-1">
        <ul class="text-[1rem] text-left space-y-1 max-h-[9rem] overflow-y-scroll">
          <li class="border-b border-gray-200">Convert Abandoned Checkout to Draft Order</li>
          <li class="border-b border-gray-200">Edit line item properties, order attributes, and show on invoice email</li>
          <li class="border-b border-gray-200">Create checkout which customer can input discount code from draft order</li>
          <li class="border-b border-gray-200">Quickly modify quantity of line item without having to wait every time</li>
          <li class="border-b border-gray-200">Bulk add discount to many line items</li>
          <li class="border-b border-gray-200">Edit custom line item info, and <a target="_blank" href="/articles/how-to-add-image-to-custom-item-in-draft-order.html" class="text-lime-600 underline hover:text-lime-500">set image for custom line item</a></li>
        </ul>
      </p>

     <a target="_blank" href="https://apps.shopify.com/draft-helper" class="mt-8 block cursor-pointer rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">View on Shopify App Store</a>

    </div>
    <div class="rounded bg-white drop-shadow px-6 py-4 text-center">
      <a target="_blank" href="https://apps.shopify.com/yagi-draft-order-lister">
        <img src="listable.png" alt="Yagi Draft Order Lister app" class="mx-auto rounded drop-shadow w-16"/>
      </a>
      <a target="_blank" href="https://apps.shopify.com/yagi-draft-order-lister" class="block mt-4 font-semibold text-2xl tracking-tight text-center text-slate-800 underline hover:text-lime-400">Yagi Draft Order Lister</a>
      <p class="text-lg mt-4">Frustrated with customers not receiving draft order invoice email? With this app, customers can log into their account and view and checkout the draft order easily!</p>

     <a target="_blank" href="https://apps.shopify.com/yagi-draft-order-lister" class="mt-8 block cursor-pointer rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">View on Shopify App Store</a>

    </div>

    <div class="rounded bg-white drop-shadow px-6 py-4 text-center">
      <a target="_blank" href="https://apps.shopify.com/address-edit-helper">
        <img src="addresshelper.png" alt="Yagi Address Edit Helper app" class="mx-auto rounded drop-shadow w-16"/>
      </a>
      <a target="_blank" href="https://apps.shopify.com/address-edit-helper" class="block mt-4 font-semibold text-2xl tracking-tight text-center text-slate-800 underline hover:text-sky-400">Yagi Address Edit Helper</a>
      <p class="text-lg mt-4">Customers might have moved to another location before you ship your product, or entered wrong address when purchasing, this app lets customer to update shipping address on their own.</p>

     <a target="_blank" href="https://apps.shopify.com/address-edit-helper" class="mt-8 block cursor-pointer rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">View on Shopify App Store</a>

    </div>
  </div>
</div>

<div class="mx-auto max-w-3xl pt-8 mt-8">
  <h2 class="font-semibold text-2xl md:text-5xl tracking-tight">Reviews from Happy Customers</h2>
  <h3 class="my-4 text-gray-500">From Shopify App Store</h3>

  <div class="bg-white px-8 py-8 drop-shadow -rotate-1 transform">
    <blockquote class="text-lg rotate-1">Quick and easy to install and customize. And it works exactly as advertised! I sent along some questions and a basic feature request on a Friday afternoon and the feature was built and questions were answered before I got in on Monday. Highly recommend the app and the team behind it.</blockquote>
    <div class="flex items-center flex-row-reverse mt-4 lg:mt-1">
     
      <a href="https://www.ifixit.com/Store" target="_blank" class="inline-block text-slate-700 underline hover:text-slate-500">
        <img src="ifixit.png" alt="iFixit logo" class="w-12 inline-block mr-4 cursor-pointer"/>
        <span>iFixit Store</span>
      </a>
    </div>
  </div>

  <div class="bg-white px-8 py-8 drop-shadow border border-gray-200 -rotate-1 transform">
    <blockquote class="text-lg rotate-1">Very impressed with this app and service received. The developer has spent a lot of time on us implementing new functions to the website through the app. If you are on the fence i would highly recommend Draft order helper and all other apps developed by yagi software. Thanks again Axel for all your help!</blockquote>
    <div class="flex items-center flex-row-reverse mt-4 lg:mt-1">
     
      <a href="https://www.baxtersofscotland.com" target="_blank" class="inline-block text-slate-700 underline hover:text-slate-500">
        <img src="baxters.svg" alt="Baxters of Scotland logo" class="w-20 inline-block mr-4 cursor-pointer"/>
        <span>Baxters of Scotland</span>
      </a>
    </div>
  </div>

  <div class="bg-white px-8 py-8 drop-shadow border border-gray-200 -rotate-1 transform">
    <blockquote class="text-lg rotate-1">Yagi support is actually amazing. Yagi is a perfect fit and because the app makers are incredibly responsive and helpful. We do a huge number of pre-orders and using Yagi Address Edit Helper helped us. </blockquote>
    <div class="flex items-center flex-row-reverse mt-4 lg:mt-1">
     
      <a href="https://www.thegamesteward.com" target="_blank" class="inline-block text-slate-700 underline hover:text-slate-500">
        <img src="tgs.png" alt="The Game Steward logo" class="w-24 bg-[#14263c] p-2 inline-block mr-4 cursor-pointer"/>
        <span>The Game Steward</span>
      </a>
    </div>
  </div>
</div>

<div class="mx-auto max-w-3xl pt-8 mt-8">
  <h2 class="font-semibold text-2xl md:text-5xl tracking-tight">Articles</h2>
  <h3 class="my-4 text-gray-500">Level up your store's customer experience with easy to follow tutorials</h3>

  <ul class="posts">
  {% for post in site.posts limit:5 %}
    
    <li class="mb-3">
      <a class="article text-lg lg:text-2xl text-gray-800" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
    </li>
  {% endfor %}
  </ul>
  <a target="_blank" href="/articles" class="mt-8 cursor-pointer rounded-md bg-white px-6 py-3 text-lg font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Read more articles</a>
</div>