I have been neglecting you, so I had to do something special to make it up to you fellow pirates. I dont want to walk the plank, do I?
I got a lot of requests and since Im a really nice guy, I ignore most of them.
No, seriously, this was requested more times than a hooker after a 8 month pillage run.
This freebie will make your cart page catch fire, literally. Pun intended.
You shall se why!
We did (by WE I mean, my pirate developer genious) a small “hack” for you and now you all can have the fancy “You are XX.XX$ away from free shipping” option in your cart. And you know what?
Its totally free and app-less, no more screwing and taking money from my pirates eh? And remember, too many apps take a toll on your page speed, so its always better to have something hardcoded than using an app. People really dont take page speed into consideration and they (you) should.
The instructions are clear and I have one request. If it doesnt work for you or you dont know how to set it up, please dont ask me, ask a friend, ask on FB, ask a developer, Im sure you can manage. Im afraid I have better things on my mind and you probably wont get me sober.
Here it goes…
Oh, I havent showed the little guy yet, did I? He looks deadly on mobile, which is basically 80% of the traffic and even better on desktop. Makes sense.
Ohh, the little bastard even wiggles arround to grab attention. Attention = more products in teh cart = bigger AoV (average order value) = more money = rum = happiness.
Average order value is one of the most important metrics you have and you want it as high as possible. When your conversion rate tops a certain number and you simply cant lift it higher and you are really 100% sure it cant be improved upon (it always can be tho ;)) you can start boosting your AoV and still scale your profit margin. Always keep in mind to check all the metrics that are connected to the bottom line to make sure everything is under control.
This is not a game changer, but its a really useful script to have and a small step to a better ecom store for you guys out there.
Installation process: To unlock leave your bloody palm print, your grandmas tooth and a small part of your kidney. No, just the email. If you dont want hacks like these, dont do it, please dont do it!
[emaillocker]
Step 1
Open your Shopify store and click on the “Online store” button.
Step 2
Click on the “Actions” button and then click the “Edit HTML/CSS” in the dropdown menu.
Step 3
Locate your “cart.liquid” file under “Templates” directory.
Step 4
Use Control + F and search for the “for items loop” in your cart file “{% for item in cart.items %}”. If you can’t locate this line, try and search where your cart item listings begin (each theme can have its own unique naming so play around with search a bit).
Step 5
Copy Pirate shipping code from window below – double click on the box and it shows plain text, then insert the code above cart items listing container (take a look at the screenshot below). Hit SAVE.
<!-- ConversionPirate.com CART SHIPPING BAR -->
{% assign free_shipping_above = 239 %}
{% assign missing_till_free_shipping = free_shipping_above | times: 100.0 | minus: cart.total_price %}
<div class="pirate-shipping {% if missing_till_free_shipping > 0 %}tadadaaam{% endif %}"><div class="holdr">{% if missing_till_free_shipping > 0 %}<div class="left-30"><img src="data:image/png;base64,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" alt=""></div><div class="right-70">
<span>You're {{missing_till_free_shipping | money }} away from free shipping!</span>
<a href="/collections/all?sort_by=best-selling">View our bestselling products</a></div>{% else %}
<span id="yesitsfree">Free shipping for you</span>{% endif %}
</div></div>
<style type="text/css">.pirate-shipping{width:100%;max-width:1170px;display:block;padding:20px 10px;margin:0 auto 5px;background-color:#75b0ff}.tadadaaam{animation-duration:1s;animation-fill-mode:both;animation-timing-function:ease-in;animation-name:tadadaaam}.holdr{display:table;width:100%}.holdr .left-30,.holdr .right-70{display:table-cell;vertical-align:middle}.holdr .left-30{width:20%;text-align:center}.holdr .left-30 img{max-width:64px}.holdr .right-70{width:80%}.pirate-shipping span{color:#fff;font-size:24px;line-height:34px;font-weight:500;width:100%}span#yesitsfree{display:table-cell;text-align:center;margin:0 auto}.holdr .right-70 a{background-color:#fff;display:table-cell;padding:3px 6px;font-weight:600;color:#000;font-size:15px;text-decoration:none}.holdr .right-70 a:hover{background-color:#eee;transition:all .3s ease}@keyframes tadadaaam{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}</style>
<!-- ConversionPirate.com CART SHIPPING BAR -->
free_shipping_above = 239 – Free shipping is applied above 239$, customize to any value
You’re {{missing_till_free_shipping | money }} away from free shipping! – Edit text if needed
View our bestselling products – Edit button text if needed
Box background: #75b0ff
[/emaillocker]
7 comments