New "One Page Checkout"

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
12 years ago
I've developed a new one page checkout that is 99% plugable (you just need to change the routeprovider.cs file).

This one really is 1 page.

Let me know what you think.

http://www.inkredible.co.uk

Darren
12 years ago
wunpac wrote:
I've developed a new one page checkout that is 99% plugable (you just need to change the routeprovider.cs file).

This one really is 1 page.

Let me know what you think.

http://www.inkredible.co.uk

Darren

Very good work!!
I guess it only works if you dont have multiple billing/shipping address and just have one shipping and paypent methods.
12 years ago
eadameg wrote:
I've developed a new one page checkout that is 99% plugable (you just need to change the routeprovider.cs file).

This one really is 1 page.

Let me know what you think.

http://www.inkredible.co.uk

Darren
Very good work!!
I guess it only works if you dont have multiple billing/shipping address and just have one shipping and paypent methods.

Works great with multiple shipping/billing addresses. I've created a test account for you to try checkout

email - [email protected]
password - noptest

Multiple payment and shipping methods will work also. Just don't need them for my site.

Had to create a new model that pulled together all the existing checkout models and rework the controller. Also had to include the idea of a default payment method so something was shown when the page was loaded. Customer can change this when there are multiple though.

It's also fully contained in a theme folder apart from 1 change to the routeprovider.cs file.

Darren
12 years ago
So it is still better!!

Here are some suggestions/bugs:
1) I guess delivery address should be at left side and billing right side (since you can chose to use same billing as delivery).
2) If you select to add a new address there is no save button or a way to save it
3) if you select a delivery addredss and then for billing you check Same Delivery Address?: then the delivery address is erased.

When completed this should be included in Nop standard solution
12 years ago
eadameg wrote:
So it is still better!!

Here are some suggestions/bugs:
1) I guess delivery address should be at left side and billing right side (since you can chose to use same billing as delivery).
2) If you select to add a new address there is no save button or a way to save it
3) if you select a delivery addredss and then for billing you check Same Delivery Address?: then the delivery address is erased.

When completed this should be included in Nop standard solution


1) It makes more sense to me having it this way around. Most people will have same billing and delivery address. If they don't, they get to the end of the billing address and uncheck the box, then complete delivery address. Or edit the delivery address that has automatically been copied across. This principle is that - There is a one-to-one relationship between billing address and credit card. These are the important details to get the customers payment. Delivery address is important, but ever so slightly less so at this stage of the purchase. I could perhaps be persuaded otherwise :-)

2) This was by design. I only wanted addresses to be saved when the order was processed successfully (the same as for new or guest customers). Having a "Save" button is an unnecessary click that might be missed by some. If you have a new billing and delivery address that is 2 extra clicks. I've tried to design the whole site so users have to do as little as possible. As soon as they have to think about something, it gives them the chance to change their mind!

3) Not sure I can replicate this. Could you expand?

Thanks for your feedback. It's really appreciated.

Darren
12 years ago
wunpac wrote:
So it is still better!!

Here are some suggestions/bugs:
1) I guess delivery address should be at left side and billing right side (since you can chose to use same billing as delivery).
2) If you select to add a new address there is no save button or a way to save it
3) if you select a delivery addredss and then for billing you check Same Delivery Address?: then the delivery address is erased.

When completed this should be included in Nop standard solution

1) It makes more sense to me having it this way around. Most people will have same billing and delivery address. If they don't, they get to the end of the billing address and uncheck the box, then complete delivery address. Or edit the delivery address that has automatically been copied across. This principle is that - There is a one-to-one relationship between billing address and credit card. These are the important details to get the customers payment. Delivery address is important, but ever so slightly less so at this stage of the purchase. I could perhaps be persuaded otherwise :-)

2) This was by design. I only wanted addresses to be saved when the order was processed successfully (the same as for new or guest customers). Having a "Save" button is an unnecessary click that might be missed by some. If you have a new billing and delivery address that is 2 extra clicks. I've tried to design the whole site so users have to do as little as possible. As soon as they have to think about something, it gives them the chance to change their mind!

3) Not sure I can replicate this. Could you expand?

Thanks for your feedback. It's really appreciated.

Darren


Hi Darren:

Your solution is really very elegant and efficient!!

1) I understand your point. But most (if not all) e-shops (including Amazon, which is my benchmark) that I have seen request first delivery address and then billing address. So I consider IMHO that users are mot likely to understand that order. The bug 3 I mentioned (it is not) was because I was confused with the order and the text "Same Delivery Address?: " (maybe it should be: Use Same as Delivery Address?:, or the select box should be in delivery address section).

2) It works fine as you designed it

3) Not a bug

4) Bug: If you select an address and then edit it it (see test4 and test6 in noptest account) can be duplicated every time you click "Finish and Pay" button.

5) Is billing address used as credit card holder address?.
>>Take into account that they are not allways the same
>>Some store owners, for security reasons, waant to make sure that credit card holder and delivery addresses are the same
12 years ago
Good job! Would you be willing to share your changes...
wunpac wrote:
...is 99% plugable

...or create a plugin
12 years ago
a.m. wrote:
Good job! Would you be willing to share your changes...
...is 99% plugable
...or create a plugin


I'd be happy to share with the community. I'll create a fork on codeplex today.

The next feature I'm working on will capture "onblur" for the email field and use ajax to check and see if the customer has an account and suggest they login rather than checking out as guest.

I'd also like "Guests" to have the opportunity to provide a password (and therefore create an account) on the order confirmation page right at the end of the process.

Another feature will use a postcode lookup API (Postcode Anywhere) to fill in the address fields for the customer when they just provide their postcode.


Could I ask you to look at my suggestion for "Favorite Categories" again and let me know what you think
http://nopcommerce.codeplex.com/workitem/10459


Thanks

Darren
12 years ago
wunpac wrote:
Good job! Would you be willing to share your changes...
...is 99% plugable
...or create a plugin

I'd be happy to share with the community. I'll create a fork on codeplex today.

The next feature I'm working on will capture "onblur" for the email field and use ajax to check and see if the customer has an account and suggest they login rather than checking out as guest.

I'd also like "Guests" to have the opportunity to provide a password (and therefore create an account) on the order confirmation page right at the end of the process.

Another feature will use a postcode lookup API (Postcode Anywhere) to fill in the address fields for the customer when they just provide their postcode.


Could I ask you to look at my suggestion for "Favorite Categories" again and let me know what you think
http://nopcommerce.codeplex.com/workitem/10459


Thanks

Darren




When a billing address or shipping address is selected, it would be better if it would display the selected billing or shipping information below the dropdown like this:

Email: [email protected]
Address 1: Existing Address St.
Address 2: Existing Address St. #2
City: Existing City
Postcode: 30011
Country: Existing Country

First name: Existing FirstName
Last name: Existing LastName
Company: Existing Company
Mobile number: Existing Mobile Number


This way the user can ensure/confirm they selected the correct address. This will prevent shipping to the wrong address and let the customer more easily know if they need to add a new address.

I think this should be part of the nopCommerce core codebase as well. It is an easier more convenient interface.
12 years ago
breakskater wrote:
When a billing address or shipping address is selected, it would be better if it would display the selected billing or shipping information below the dropdown like this:


Yes I agree, it should show all the info that was entered for that address
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.