I'm developing a quick checkout mod (one page checkout) and am looking for feedback before I release it. Below is a link to a sample form. Note the "Same as shipping" checkbox will hide or display a billing address section.
Adding a similar checkbox for create an account would be fairly trivial as well I think.
Any other input?
http://sethsyberg.com/projects/opencart ... _form.html
Here are my thoughts on the elusive One Page Checkout:
The path of least resistance is always the best one, users should not have to sign up for an account just to order an item. They should be asked politely after they fill out their information if they would like to create an account to save time on their next visit. Some visitors don't want to have to even fill out their shipping and billing address, they have PayPal for that. So I present my mockup of the ideal one page checkout.
Click Here to See
A few things to consider:
A really good example of using jQuery with forms by CSS-Tricks
15 Common eCommerce Mistakes by Smashing Magazine
The path of least resistance is always the best one, users should not have to sign up for an account just to order an item. They should be asked politely after they fill out their information if they would like to create an account to save time on their next visit. Some visitors don't want to have to even fill out their shipping and billing address, they have PayPal for that. So I present my mockup of the ideal one page checkout.
Click Here to See
A few things to consider:
- My design would depend on jQuery to fill and hide the billing info if they selected to use the provided shipping info. It would also add the "I agree to the terms" clause if they selected to create a new account.
- Some type of information verification would be neat. When they click Continue a popup asks if this information correct and displays it all nice in tables.
- Can OpenCart interact with PayPal, so that a direct Pay with PayPal button could be clicked before any information is given, and then get back the info from PayPal?
A really good example of using jQuery with forms by CSS-Tricks
15 Common eCommerce Mistakes by Smashing Magazine
I would say that should depend on payment method. If they are using Paypal standard, then there's no confirmation, because Paypal takes care of all that (in fact, I think I'll set it up so if they select Paypal standard, the whole shipping/billing address area disappears).
I suppose if opencart is going to do the payment processing the next page should display the order and take the CC info. In the first release I'm probably not going to alter any payment stuff, so it'll just do whatever opencart normally does after the user continues from the payment screen.
I suppose if opencart is going to do the payment processing the next page should display the order and take the CC info. In the first release I'm probably not going to alter any payment stuff, so it'll just do whatever opencart normally does after the user continues from the payment screen.
adam777,
Precisely. Check out the sample form linked above.
Donce,
It is still under development, but it only gets a few hours of my time a week as I've got job/other projects to worry about. If you need it done sooner, feel free to contact me to discuss:
http://www.sethsyberg.com/contact.php
Precisely. Check out the sample form linked above.
Donce,
It is still under development, but it only gets a few hours of my time a week as I've got job/other projects to worry about. If you need it done sooner, feel free to contact me to discuss:
http://www.sethsyberg.com/contact.php
hey seth, I like this!
Like you said ajax calls should fix the problem.
I still think, there should be another page to say "confirm order" before going to paypal .
The screen in your example is only for a customer who has not logged on. how will it look like if it is an existing customer looking at the one page check out screen?
Like you said ajax calls should fix the problem.
I still think, there should be another page to say "confirm order" before going to paypal .
The screen in your example is only for a customer who has not logged on. how will it look like if it is an existing customer looking at the one page check out screen?
It cannot be called a One Page Checkout as some laws in some coúntry's demand an order preview before the customer confirms the order.
So it would be one page where the enter their name/address etc. and the second is an overview of what they are just about to buy/confirm.
So it would be one page where the enter their name/address etc. and the second is an overview of what they are just about to buy/confirm.
Norman in 't Veldt
Moderator OpenCart Forums
_________________ READ and Search BEFORE POSTING _________________
Our FREE search: Find your answer FAST!.
[How to] BTW + Verzend + betaal setup.
well in the image layout above one thing billing should be the main address field and shipping same as billing the checkbox.
I think you'll find it's more ajax calls than you realize when you really get into it. You will have to have the payment and shipping hidden until you get the proper address info then make the ajax call to see which ones apply, cause as daniel said some don't apply in certain zones, and then you have they dynamic shipping modules to deal with, and you have to figure out how to handle the payment callbacks (not so much an issue if you are going to move to a confirmation page first)
A one page checkout is a great idea, but is no small task. I've worked with a complete onepage solution for oscommerce, and it's much more work than you first imagine.
I think you'll find it's more ajax calls than you realize when you really get into it. You will have to have the payment and shipping hidden until you get the proper address info then make the ajax call to see which ones apply, cause as daniel said some don't apply in certain zones, and then you have they dynamic shipping modules to deal with, and you have to figure out how to handle the payment callbacks (not so much an issue if you are going to move to a confirmation page first)
A one page checkout is a great idea, but is no small task. I've worked with a complete onepage solution for oscommerce, and it's much more work than you first imagine.
OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter
i know this is a old topic. but i didnt find anything closer to my question.
i need a same as shipping adresse link to make it easy for my customer.
can someone show me how its done?
and i also want to have city based on postcode.. i have a csv file containing every city to postcode but i dont know how to insert it to the form.
i need a same as shipping adresse link to make it easy for my customer.
can someone show me how its done?
and i also want to have city based on postcode.. i have a csv file containing every city to postcode but i dont know how to insert it to the form.
noone can just show you how to do either one of those because neither one exists and both are very large projects which is why they don't exist.zalto wrote:i know this is a old topic. but i didnt find anything closer to my question.
i need a same as shipping adresse link to make it easy for my customer.
can someone show me how its done?
and i also want to have city based on postcode.. i have a csv file containing every city to postcode but i dont know how to insert it to the form.
OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter
Hello guys,
We have made the one page checkout available for the OpenCart 1.4.9.x versions.
http://www.opencart.com/index.php?route ... on_id=2830
We have made the one page checkout available for the OpenCart 1.4.9.x versions.
http://www.opencart.com/index.php?route ... on_id=2830
Who is online
Users browsing this forum: No registered users and 3 guests
