Categories
Uncategorized

How I increased my average order value by adding a simple HTML snippet on my cart (drawer)

I honestly can't believe how I have postponed adding some kind of up-sell/cross-sell system to my small store for this long, it's incredible how by promoting actions your customers are likely to follow them.

Since a month ago, I researched up-sell and cross-sell apps, I was mainly interested in cross-sell because I wanted customers to buy multiple items from my brand.

After lots of research and trying too many poorly optimized apps that just slow and clutter the shit out of your store, I decided I had to come up with something myself. I don't want to pay for an app at the moment so I had to get creative.

Here is what I did:

  • Decide which collection I wanted to cross-sell
  • Make a smart coupon so when they add those products it applies a discount to that product
  • Design a simple and lightweight layout in my cart drawer

Here is how it looks like:

Desktop

Mobile

Code snippet


Here are the tools I used:

  • HTML Online Editor
  • Shopify CDN (To host the product images)
  • Shopify's code editor (You need to find the code for the cart or the cart drawer)

You can make your own with this layout I made

https://pastebin.com/SncXZLMy

You can paste that into the HTML Editor and customize it to fit your store. I hope this is useful to someone. With this simple snippet I increased my order value from $30 to $35-45.

You can get creative and do the same for the cart page. This is a great alternative if you don't have a lot of products and don't want to pay for ridiculously overpriced cross-sell apps.

My point with this post is… ANY kind of initiative to promote customers buying more items is gonna be beneficial for you in the long run, so definitely try something!

submitted by /u/Juankestein
[link] [comments]

Leave a Reply

Your email address will not be published. Required fields are marked *