Example Shopify product import file with variants and multiple images
I recently posted on the Shopfy forum of a simple method to customize your Shopify checkout pages. This provides an easy way to keep the look of the checkout pages whilst adding your own logo / telephone number and help text.
Even for those with limited css / image editing skills you should be able to do this during your lunch.
Here's a step-by-step guide of what to do:
Comments [0]
Some times it may be beneficial to buy external domains and create landing pages on these to link to your Shopify store. I have recently done this for one of my stores that sells compatible stationery for Sage, Iris and Pegasus accounting and payroll software. After deciding what keywords and phrases I wanted to target I searched for suitable domains over at http://ajaxwhois.com my favourite domain name search site. Within 15 minutes I'd got 6 domains which I could now use for my targetted landing pages.
Anatomy of a Landing Page
The main idea of landing pages is to create a very specific and targetted page that makes your visitor want to take an action. In my case I want the visitor to make a purchase. I created a page with no links and removed all distractions in order to get the visitor straight to the point as quickly as possible. I included a nice large image of the product so they can easily see what the product is and then added my guarantee and a customer review. The Call to Action I've highlighted in a green border to make it stand out and re-inforced my logo as part of the "Add to Basket" button.
Behind the Scenes
The HTML/CSS for the page is pretty straight forward but the main thing that you need to do is link the Call to Action into your Shopify store. What we need to happen is when a visitor clicks the button (in my case "Add to Basket") a message needs to be sent to the corresponding Shopify store to add the product to the basket. This is done by finding the following 2 pieces of information:
<input id="product-select" name="id" type="hidden" value="16926522" />
or
<select id="product-select" name="id">
So your HTML FORM on the landing page will be similar to:
<form action="http://collateit.co.uk/cart/add" method="post">
<input type="hidden" value="16926522" id="product-select" name="id">
Once you've got this working for one landing page it's just a matter of changing the product id for your other pages.
Hop on over to http://irispayslips.co.uk to take a look at the finished article and feel free to look at the source code.
Comments [0]
When I first started using Shopify one of the first things I wanted to do was create a dropdown list of quantites in the product.liquid template as I prefer them to having input boxes where a user can type in a number.
The simple way would be:
<select>
<option value="1">1</option><option value="2">2</option><option value="3">3</option>
</select>
That's all well and good but I wanted up to a quantity of 30 and been a programmer didn't want to repeat the same thing another 29 times. So a simple way to achive this using Liquid is to create a For loop and assign a variable to the maximum quantity, in my case 30.
{% assign max_quantity = 30 %}
{% for ii in (1..max_quantity) %}
<option value="{{ ii }}">{{ ii }}</option>
{% endfor %}
You can see this working here.
Comments [0]
In the five years since leaving the cosy umbrella of full time employment and setting up my web development business I've used a lot of ecommerce software. I started out with osCommerce, Zen Cart and the like but didn't know much PHP at the time so settled on Cactushop a classic ASP application. It did pretty much what I wanted, had a good feature set and with full access to the source let me modify as required for my clients needs.
At first I used to try and do everything - so I'd come up with a design, then 'crowbar' this into a Cactushop template, configure all the options (there were about 200 of them), configure and load the database and resize all the images. This used to take quite a chunk of time and as a consequence increased my costs. Not only that I used to have to have to look after the hosting and make sure everything was ok.
As time went on I would do more and more bespoke modifications which became ever more complicated to the point where I'd just had enough. There must be another way of doing things.
Seeing the light
It was only recently that I discovered Shopify and it's been a true revelation. Never has the KISS acronym been better illustrated in eCommerce. Something that used to be complicated and time consuming is now straightforward and 'no worries'. I don't have to worry about the server, the database, the OS, resizing multiple images, 'hacking' some code so the template will work with the CSS, upgrading the software and/or database. Now I can concentrate on getting a shop up and running as quickly as possible without any hassles - what a joy.
To those who say Shopify is expensive - I say you don't understand the true value of what your getting. The guys at JadedPixel are providing you with a solid platform on which you can establish a simple, easy to use system for selling your goods and services that is way beyond anything else out there at the moment. Sure it doesn't have all the bells and whistles of some other systems but then does it need to? I think, based on the 80/20 rule it covers most requirements that business owners have when selling online.
I for one applaud Tobi and the team for building Shopify into what it is today and trust they will keep the simplicity and elegance that sets them apart from the competition.
I'll be posting some tips here on an adhoc basis about how you can utilise some of the less well known features to optimize your Shopify store to the full. A lot of these are probably already in the Shopify forums but I'll be expanding on many of them so you can judge if they'll be fit for your requirements. I don't pretend to be an expert but just want to share my experience of what has helped me since I started on my Shopify journey.
Comments [2]
Comments [0]