Category: Development

Shopify Product Inventory Information App

Our new app that let’s you display product inventory location information on your shopify frontend has been listed in the shopify app store if you have multiple locations setup in shopify, and want to display shopify product stock quantities per location in the frontend, try our app for free for 14 days!

We created this app because some of our customers who have a shopify store, and multiple brick and mortar locations were looking to display their shopify inventory quantities on the product page. They already set up shopify multi location in the backend, and wanted to use that information to give the customer an idea of inventory close to them.

Show Lightspeed Inventory Information on shopify

With our new app to display inventory levels per shopify location on the frontend, we got a request to connect the shopify app with a lightspeed retail account .So that the customer could display inventory information from the lightpseed retail accounts, in stead of shopify. This is interesting for brick & mortar stores, who use lightspeed retail for physical locations, and have an online store running on the shopify platform. The only thing needed in order for this to work is that the skus on shopify and lightspeed match.

The interface has been developed, and even with 40+ store locations it works like a charm.

Shopify Frontend Inventory Quantities per Location

A lot of merchants who need inventory levels displayed per location on the shopify frontend have reached out, and came up with great feature ideas to add to the inventory locations app which I’ve made so that you can display location inventory information on the frontend in shopify.

These are the current options in the app to show inventory levels per location:

  • Hide Out of stock locations in frontend
  • Only Show Out of stock / In stock per location (don’t show the exact inventory quantities on the shopify frontend)
  • Use inventory threshold to display out of stock / Low stock / High stock at certain quantity amounts
  • Rename Location names for displaying inventory in the frontend (if your backend location names aren’t descriptive enough, you can rename it for the frontend listing)

 

screenshot

 

If you have any other ideas to add to this app, just let me know, if it fits the apps goal to show location inventory information on the shopify frontend I would be happy to add it.

One Merchant asked me to create a lightspeed connection between the app and shopify, so he is able to display his lightspeed retail inventory on the shopify frontend. I’m currently creating a seperate lightspeed app for that, if you are interested let me know.

Shopify Show Product Inventory Location Frontend

 

If you want to show the shopify product inventory locations on the frontend, there is no real out of the box way, but I wanted to list the different product locations and inventory in shopify frontend for a customer, so I created an app for it.

it’s not listed in the app store yet, since I want to add it for review after a testing period and then it needs to get reviewed first, but you can already use it like any other app. Instructions down below.

the App will get the inventory location information through the backend API and return it to the frontend.
For performance purposes I’ve currently set the inventory information of a product to be cached for 1 minute, I’m thinking about making this configurable.

I would really like to get some feedback, if you have any features you would like to see let me know

For anyone interested I have added a 30 day free trial for now after that the price will be $4.99 for early birds, this is to get everyone on board in improving the app. when the app is released, it will be 7 day trial with a $8.99 a month price.

Installation instructions:

  1. Install the app by entering your store name here: https://inventorylocations.checkmyapp.net
    the app will add a script to your active theme, that will take care of getting the inventory information
  2. Add this div to the product-template.liquid file of your theme:
     <div id="inventoryLocationInformation">
                <strong>Inventory:</strong><br />
                <span class="inventoryLocationLoading">Loading..</span>
              </div>
  3. That’s it!

 

The app is running on my live server, where some other apps run on too, so you can rest assured that it won’t shutdown without any notice.

 

You can setup which locations you do want to display their inventory for (if you want to hide some warehouse for instance)

screenshot

 

Frontend, app in action: (you can also check it here : https://shipping-demo.myshopify.com/products/test-product

action_app

 

let me know what you think, and if you have any questions / remarks just let me know

Shopify automatic discount for product in cart

In shopify there is no out of the box way to add a discount code when a product get’s added to the cart.

If you have a certain product that you want to add a discount for when it is added to the cart, you can add a hidden input field with your discountcode like this:
comments added for clarity.

in cart-template.liquid Add this just before the “{% for item in cart.items %}” part:

{% assign hasDiscountedProduct = false %}

and this inside the loop (so just below {% assign hasDiscountedProduct = false %} ):

{% comment %} 
  see if we have the discounted product in the cart
  If they need to have 2 different products, you need some extra work (maybe set 2 vars, then after the loop check if both vars are true before adding the hidden field
{% endcomment %}
{% if item.product_id == 10056422096932 %}
  {% assign hasDiscountedProduct = true %}
{% endif %}

You can add some custom content inside the forloop on the discounted product, or just below the endfor, so the customer will see they will get the discount.

Add this snippet just before the form closing tag, so the input get’s posted to the checkout part:

{% comment %} Is a product in the cart valid for using a discount code? let's add the discount code field{% endcomment %}
  {% if hasDiscountedProduct == true %}
    <input type="hidden" name="discount" value="your-discount-code-created-in-shopify" />
  {% endif %}

If you have a lot of products where you want the discount to be automatically added to the checkout, you could add a specific tag to these products like “discounted_product”
and then replace this code:

{% if item.product_id == 10056422096932 %}

with:

{% if item.product.tags contains 'discounted_product' %}

(make sure to hide this tag on the frontend if you display tags on your site)

Top 5 Shopify Apps voor NL Shops

Na aardig wat shopify shops gepubliceerd te hebben leek het me handig om eens een top 5  lijst te maken van shopify apps die ik het meest gebruik, misschien heb je er wat aan 🙂

  • 1. Order Printer (Gratis)
    Met shopify Order printer kan je eenvoudig met HTML layouts maken voor pakbonnen, facturen, etc.. Dit is meestal de eerste app die ik installeer.
    Ook fijn dat je vanuit het order overzicht meerdere orders kan selecteren en direct all pakbonnen er voor uit kunt printen.
  • 2. Marketplace Order Connector (vanaf $19.99 per maand)
    Als je je producten ook op amazon of bol.com aanbiedt, dan kan je met de marketplace order connector eenvoudig amazon orders importeren in shopify of je bol.com orders importeren in shopify. het afhandelen van de orders kan je dan in je eigen shopomgeving doen, de track & trace gegevens van orders worden weer automatisch terug gesynced naar bol.com / amazon.
    Dankzij de marketplace order connector wordt ook de voorraad in de marketplaces up to date gehouden van producten, als er een order in shopify binnenkomt kan de voorraad in amazon / bol automatisch voor je geupdated worden.
  • 3. PostNL Labels aanmaken (vanaf $6,99 per maand)
    Voor het aanmaken van postnl labels in shopify, je kan ook vanuit het orderoverzicht meerdere orders aanvinken, en direct verzendlabels aanmaken.
    Je hebt wel een PostNL contract nodig (voor een apiKey) vanaf 5 pakketten per maand al mogelijk, bij grotere aantallen scherpere pakketprijzen.
  • 4. Discounted Pricing (vanaf $19,99 per maand)
    Een beetje afhankelijk of het bij je store past, met deze app kan je een staffelkorting geven, bijv. 10% korting bij afname van 2 stuks of een vast bedrag aan korting.
  • 5. Trustpilot (gratis)
    Verzamel eenvoudig reviews voor je webshop, ideaal om vertrouwen te kweken bij nieuwe potentiële klanten. Trustpilot maakt gebruik van een unlisted app, je store kan via het trustpilot dashboard gekoppeld worden.
    Je kan instellen dat er een x aantal dagen na bestelling automatisch een uitnodiging verstuurd wordt tot het plaatsen van een review.

Shopify Postnl Labels app

The shopify PostNL Label Print app is approved and listed on the shopify app store

 

You can now print your postnl labels from within the shopify admin.

I’m working hard to add more features, if you have any feature requests just let me know.
Things I’m currently adding:
– List created shipments (to easily go to track & trace, and to download the pdf again)
– Shopify Advanced & Plus only feature: For shopify+ and shopify advanced users I created an unlisted app that let’s your customer select pickup points pakjegemak app
I’m currently working on linking this app with the labels app, so you can also create labels if a customer selected a pickup point.

 

Please note you need a postnl contract to get a production API Key

 

Shopify print PostNL Labels

Because most of the shopify apps that allow PostNL label printing are very large and complicated, with their own dashboard. I wanted to create an app to allow direct printing postnl shipping labels within the shopify admin.

I also added the ability to select multiple orders at once and create labels for them I’m expecting to get the app reviewed within the next week.

Dashboard:
dashboard

Maak Shipment & Label:
create

Pdf Label
label

You will need a postnl developer account to request a developer API key, once you have created some test shipments, you will be able to request a production API key (if you have a postnl contract)

 

 

Shopify PostNL Pakjegemak pickup points

Are You looking for pickup points form your own stores? check out my other app: 
https://apps.shopify.com/product-inventory-information

 

Update

I have added the pickup points to my PostNL app listed in the shopify app store

Shopify Advanced plans and up can use the pickup points option by default.
Shopify Basic & Standard plans need to have a yearly plan with shopify (in order to get access to the required API’s) the yearly plan does give you a 10% discount.

/Update

 

 

I was looking for an easy way to have customers select pickup points during checkout, but unfortunately there is no easy implementation. Sendcloud does offer postnl pickuplocations in shopify, but only after the payment process has finished will the customer get to see a map and select their pickup location. Which seems a bit odd to me, and counterintuitive.

I have created a shipping carrier service, which is currently awaiting review in which you can have the pickup points show up at shipping option selection:

screen

test it out yourself on my demo store, shopify plus: https://shipping-demo.myshopify.com

 

Basic shopify: https://pakjegemak.myshopify.com