Jump to content



Photo
- - - - -

Help to create best Checkout Design


This topic has been archived. This means that you cannot reply to this topic.
49 replies to this topic

#1   strub

strub
  • Members
  • 187 posts

Posted 13 April 2012 - 09:31

Hi,

I was wondering about your shops checkout design. Did you try different things? And what was the best Design concerning conversion rate?

If we have found together a nice "Best Checkout Design" I will programm a contribution out of it.

Here is a nice article which I think is a good fundametal start.
http://uxdesign.smas...heckout-design/

Thanks for helping find a good checkout process.

#2   14steve14

14steve14
  • Members
  • 3,529 posts

Posted 17 April 2012 - 10:17

The main thing is, that it has to work. There are already add ons for one page checkout, and shorter checkout but they are buggy. If you can get a one page checkout to work correctly you could become famous overnight.
REMEMBER BACKUP, BACKUP AND BACKUP

Don't take life too seriously. no one gets out alive anyway

#3   strub

strub
  • Members
  • 187 posts

Posted 17 April 2012 - 10:26

The biggest question though is if the sales really increase if you have just one checkout page.

Nevertheless, I have started with designing the checkout page.

Two things I changed so far which I think might be a good thing:

1. made a third option: "firm" if selected the firm fields are shown

2. made a checkbox which is selected saying: "Billing address is the same as shipping address"
only if you uncheck this the billing fields will be shown, otherwise there is no need to have this shown.

Edited by strub, 17 April 2012 - 10:27.


#4   ggrant3

ggrant3
  • Members
  • 322 posts

Posted 17 April 2012 - 14:08

#2 above would be a nice addition.

Other than that a short and sweet process with a "Guest" checkout option is what I would like (for 2.3.1 at least) that is the only thing holding me up from upgrading my stores to 2.3.1 because a lot of my customers don't want to create an account when they shop and I am the same way, I just want to get in, buy what I want, and get out.

#5   strub

strub
  • Members
  • 187 posts

Posted 17 April 2012 - 14:55

Other than that a short and sweet process with a "Guest" checkout option is what I would like (for 2.3.1 at least)


That is planned with a checkbox. If checked a required password field will be shown.

#6 ONLINE   kymation

kymation

    Code Monkey

  • Community Sponsor
  • 8,281 posts

Posted 17 April 2012 - 17:13

That is planned with a checkbox. If checked a required password field will be shown.


I think this could be improved. i have seen several stores using a slightly different process: The password is requested after the order is completed. It seems to me that the customer would be more likely to use this feature when there is no pressure. A few words explaining the benefits of being able to check on their order online would also help.

Regards
Jim

My Addons

Banners Box Download Support
Categories Accordion Box Download Support
Closest Shipper 2.2x Support
Document Manager 2.2x Support
Generic Box Download Support
Get 1 Free 2.2x Support
Modular Front Page Download Support
Modular SEO Header Tags Download Support
MVS 2.2x Support
PDF Datasheet Download Support
Price in Cart Only/MAPP Download Support
Price Updater 2.2x
Products Specifications 2.3.x Development Version Support Bugs/Suggestions
Request a Review Download Support
Shopping List Download Support New!
Specials Image Overlay Download Support
Superfish Categories Box Download Support
Theme Switcher 2.3+ Support  Updated


#7   strub

strub
  • Members
  • 187 posts

Posted 17 April 2012 - 17:33

Hey kymation that is a really good suggestion. Let's see if we could do it this way.

By the way, I am not a really PHP expert, so I hope I can get this done. I try my best.

Edited by strub, 17 April 2012 - 17:35.


#8   strub

strub
  • Members
  • 187 posts

Posted 20 April 2012 - 11:21

Ok I have made little progress.

But here is what I have thought.

If a customers adds a product into the basket and clicks to checkout he will be redirected to a new page which looks:

1. Shipping address fields
- firm fields will be only shown if firm checkbox is selected

2. Checkbox: payment address is the same as shipping address.
- if unchecked payment fields will be shown

3. Shipping options

4. Payment options

4.1 Coupons code

5. Total shown and "Confirm order" button

Notes:
There will be no password fields. This will be as suggested asked in the checkout_success.php page.

This layout will be only for customers not logged in. If they are loggoed in a new layout will be shown where they could change the shipping/payment address.

#9   ggrant3

ggrant3
  • Members
  • 322 posts

Posted 20 April 2012 - 11:34

I didn't see it listed above but you are making this for 2.3.1, right?

Also (and no pressure at all here) but do you have an expected date for a release yet, or is it too early in your progress?

#10   strub

strub
  • Members
  • 187 posts

Posted 20 April 2012 - 11:48

Hey, jes it is for 2.3.1.

There is no release date. Because I am working also on other projects (Game project). So only if I have enough time I am working on it. So I hope I have it done in about a month but can't promise that.

#11 ONLINE   kymation

kymation

    Code Monkey

  • Community Sponsor
  • 8,281 posts

Posted 20 April 2012 - 17:02

I'm a little bit puzzled about the coupon code in the Payment page. Shouldn't that be an Order Total module? Coupons should not be subject to tax, so adding them to the payment (where tax has already been added) would effectively tax the coupon amount. In any case, using a coupon as a OT module would allow the tax to be applied either before or after the coupon, so the store owner could comply with whatever the local law/practice is.

Regards
Jim

My Addons

Banners Box Download Support
Categories Accordion Box Download Support
Closest Shipper 2.2x Support
Document Manager 2.2x Support
Generic Box Download Support
Get 1 Free 2.2x Support
Modular Front Page Download Support
Modular SEO Header Tags Download Support
MVS 2.2x Support
PDF Datasheet Download Support
Price in Cart Only/MAPP Download Support
Price Updater 2.2x
Products Specifications 2.3.x Development Version Support Bugs/Suggestions
Request a Review Download Support
Shopping List Download Support New!
Specials Image Overlay Download Support
Superfish Categories Box Download Support
Theme Switcher 2.3+ Support  Updated


#12   strub

strub
  • Members
  • 187 posts

Posted 20 April 2012 - 18:20

Yep you're right, it is a Order Total Module. I just meant placing the input field. /thumbsup.gif' class='bbc_emoticon' alt=':thumbsup:' />

By the way, so far I managed to process orders correctly with all data needed. But everything needs to be cleaned up.

Edited by strub, 20 April 2012 - 18:22.


#13   strub

strub
  • Members
  • 187 posts

Posted 28 April 2012 - 10:22

Alright, I made some progress on this.

Added in admin an new link "Smart Checkout" in Configuration with the options:

- Enable Smart Checkout (if set to true, it enables Smart Checkout)
- Create Account (If enabled, customers can create an account after first order) = in progress
- Live Validation (If enabled, Live Validation is used for fom fields) = in progress
- Conditions of Use (If enabled, customers must check the Conditions of Use checkbox in order to proceed) = in progress
- Hide Shipping (If you have only one shipping method, there is no need to show the shipping part. If enabled and only one shipping method is active it hides the shipping part. Recommended as checkout gets even simpler and shorter.) = in progress


By the way, I installed a clean shop with the current process of the Smart Checkout. You can have a look at:

http://www.conspicuo..._smartcheckout/

But take into account that it might not work sometime as I work on it.

Edited by strub, 28 April 2012 - 10:27.


#14   strub

strub
  • Members
  • 187 posts

Posted 30 April 2012 - 17:18

Hi,

Is was thinking about the "virtual" products. Is that much used? If so, I would make that working too. Then there needs to be no shipping address only a payment adress. Or would you leave it as it is?

#15   14steve14

14steve14
  • Members
  • 3,529 posts

Posted 30 April 2012 - 17:41

Lots of people sell vurtual products. I even have free ones that really screw up the checkout process.
REMEMBER BACKUP, BACKUP AND BACKUP

Don't take life too seriously. no one gets out alive anyway

#16   bruyndoncx

bruyndoncx

    osCommerce Teenager

  • Members
  • 3,142 posts

Posted 30 April 2012 - 17:43

if I buy a gift certificate in the apple store for my brother in law, I would need both, wouldn't i, and I would also need to enter his email address ...

fancy supporting that kind of setup ?
Don't just sit there - contribute to the responsive bootstrap community effort !
http://forums.oscomm...iew__getnewpost


Hava a nice day !
Carine Bruyndoncx


Seen anything good relevant on the net about responsive design for ecommerce ?
You might as well post it in my responsive liive shop review thread .

#17   strub

strub
  • Members
  • 187 posts

Posted 01 May 2012 - 07:20

Ok so take that into account. Thanks a lot.

Last question, as I have never setup a store with virtual products, how are products defined as virtual products? Can somebody give me here some insight? Thanks in advance.

#18   strub

strub
  • Members
  • 187 posts

Posted 03 May 2012 - 06:34

I even have free ones that really screw up the checkout process.

Could you please explain that a bit further so I could tackle that problem? What are free products? How do you define them as free?


if I buy a gift certificate in the apple store for my brother in law, I would need both, wouldn't i, and I would also need to enter his email address

But then it is not a virtual product. I think.



Ok I figoured it out with enabling the virtual products and how it works.

By the way, I am almost finished with the first alpha version of Smart Checkout.

Still needs to be done:
- virtual products (working on it)
- create account in checkout_success.php (working on it)

#19   14steve14

14steve14
  • Members
  • 3,529 posts

Posted 03 May 2012 - 07:16

Could you please explain that a bit further so I could tackle that problem? What are free products? How do you define them as free?


Without being sarcastic my free downloads have a zero price and zero weight. I could give a direct link to the download but i still require the customer to go through the checkout process so i have their information so i can send marketing infomation to them. Its suprising how many people download the free items and then come back later and purchase something.

Giving then items a zero price and weight should bypass the shipping and payment pages and go straight to the confirmation page, where the downlo0ad will be available straight away because super download store is installed.
REMEMBER BACKUP, BACKUP AND BACKUP

Don't take life too seriously. no one gets out alive anyway

#20   strub

strub
  • Members
  • 187 posts

Posted 03 May 2012 - 10:25

Ah thanks for that.

So a free object is set if the price is zero and zero weight (not important though).

I looked into virtual products and find out that you need an account in order to download it. That would be quite easy for customers who have an account just doing a confirmation without payment and shipping.

But not so for customers checking out as a quest. I need to think a bit for a solution.

Edited by strub, 03 May 2012 - 10:26.