7 Examples of a Customized Shopify Checkout

by Stuart Whitman on December 14, 2010

Customize Shopify Checkout

One of the most common misconceptions about Shopify is you can’t customize the checkout pages. While it’s true you can’t change the field inputs you most definately can style the checkout to suit your store and carry the theme throughout the checkout process.

As the chaps at Boagworld pointed out a lot of ecommerce solutions fail their customers by producing checkouts that fail users. Not so Shopify whose enclosed checkout process is optimized and conforms to current best practice. This means that you get a proven method of reducing cart abandonment with no distractions for shoppers whilst having a simple way to theme your pages within the constraints.

1. Penny Aracde

Penny Arcade Shopify Checkout

2. DODOcase

DODOcase Shopify Cheeckout

3. Brooklyn Slate

Brooklyn Slate Shopify Checkout

4. Nicola Whitman

Nicola Whitman Shopify Checkout

5. Lady Bugs Picnic

Lady Bugs Picnic Shopify Checkout

6. Centre for eBusiness

Centre for eBusiness Shopify Checkout

7. Airside

Airside Shopify Checkout

What would you like to do on the checkout?

{ 7 comments… read them below or add one }

Matthew Capewell December 15, 2010 at 11:32 pm

Hi Stuart,

You didn’t feature us :( We worked very hard to customize our checkout at http://www.pinkheaven.co.uk and are really pleased with the results. Shopify gives enough control (by clever use of CSS) to make sure the checkout fits in with the rest of your theme.

We also changed the labels of some of the fields to make them a bit more UK centric. The ability to do this is another big plus for the Shopify checkout process!

Matt

Reply

Stuart Whitman December 16, 2010 at 10:15 am

@Matthew Sorry I missed your site. That’s certainly pink! Follows your theme beautifully though. If I find some more examples I’ll add yours onto the end of the post or maybe create a new one.

Reply

Jim March 27, 2011 at 5:44 pm

This is a very interesting post. I am currently constructing a website through Shopify right now, but I don’t understand how all these websites are able to route their checkout to their own domain and not through shopify? Any assistance would be greatly appreciated.

Reply

Stuart Whitman March 28, 2011 at 7:30 pm

Hi Jim,
They’re not actually routing their checkout through own domain. In actual fact this is one part of Shopify which is pretty much locked down in what can be done. Only the CSS can be styled and no inputs can be added/removed/validated. Let me know what your trying to do.

Reply

"Young" Joe July 26, 2011 at 5:45 am

Amazing. I love shopify as well for it’s customization.

Going to get to work on this myself now!

Thanks!

Reply

S September 22, 2011 at 3:54 am

“… is optimized and conforms to current best practice.”

Are you kidding me? A checkout button that’s buried all the way on the bottom of the page? No possibility to jump between different steps and cart? …. And there are so many more things that are against best practice.

Shopify better get their act together and let people really customize the checkout process. The checkout pages are some of the most important pages of any store and Shopify is totally limiting.

If this isn’t fixed soon I’m off to Magento Go.

S.

Reply

Stuart Whitman September 26, 2011 at 12:08 pm

Perhaps if you looked at your site BEFORE you get to the checkout your conversions would be a LOT better. Have you checked your Google Stats and funnels to look at this? Most of the work I’m doing is for people moving FROM Magento to Shopify so good luck if you decide to move. I have 2 stores and both convert at approx.18% think you have your priorites wrong and are looking in the wrong place to solve your problem.

Reply

Leave a Comment

{ 1 trackback }

Previous post: