Automatically Remove Sold Out Items
Pin this post to Pinterest! ☝🏻
automatically remove sold out items
There's nothing worse than having a whole store full of items that say "sold out".
Customers shouldn't have to scroll through a list of items that aren't available for purchase. This is a really fast way to make them leave your ecommerce site and go somewhere else. It's really frustrating to the customer when you sell unique items (like paintings) and the item they want is sold out.
It's like going to the bakery and asking for a chocolate croissant.
"We're out."
"Ok... what about a cherry danish?"
"We're out."
"Ok... let's try a blueberry muffin."
"We're out."
"Well then what DO you have?!"
As of now, once you sell out of an item, it stays on your website with the words "sold out". Unfortunately, Squarespace doesn't automatically remove the item from your store. (Why?!?! 😩)
However, Squarespace does give you the option to manually remove an item by editing the item and changing the visibility to "hidden". If you’re making multiple sales a day (or even a week), that can quickly add up to a lot of time you’re wasting.
Thankfully, there's a way for items to automatically be hidden once they are sold out.
Also - if you have digital products, they never sell out since there's an indefinite amount. But if you're selling unique physical items, then that quantity is going to hit "0" as soon as you make a sale. And good for you!
THE CODE you need
First, log into your site and go to Website -> Website Tools -> Code Injection
Then paste this code in the FOOTER section... this is the code for jquery. It's not the actual code that removes the items, but you need to make sure this is installed before you can add jquery code.
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
Then, head over to SF.Digital and grab the code from their site that removes the items. Just scroll down to the bottom and copy the code, then paste it in the same section (be sure it's the footer section) that you pasted the jquery code.
Hit Save and you're all set!
Now you should have a beautiful store that displays all of your items that are in stock -
