AJAX-based One-Page Checkout: Video

We’ve touted the benefits of a one-page checkout before, but for all you visual learners we have recorded a screencast of the one page checkout process. This New York Times article from last year (Registration required) found that for TJMaxx.com and HomeGoods.com, “Fifty percent more customers completed the one-page checkout process than finished the multipage process.”

One Page Checkout with Account

View the video

The above video shows the process for a user with an account. They add the product to the shopping cart, take a second to check shipping costs to their ZIP code, and then proceed to the one-page checkout. Once signed in the billing and shipping addresses are filled and the shipping options are loaded. Thanks to AJAX this all occurs without refreshing the page. The customer enters their credit card information, reviews the information and then submits the order. From product page to order completion the process takes a little over a minute. (The video cuts off because 4111-1111-1111-1111 is a fake credit card.) You can see the video here.

One Page Checkout without Account

View the video

This second video shows the one page process for a first-time customer. The process is the same except for the customer entering the addresses manually. You can see how the name for the credit card is automatically filled while the customer enters their name in the billing address. Once the shipping address is filled the shipping options are loaded, once again using AJAX to keep the page from refreshing. (This video stops short for the same reason as the first, fake credit cards do not get authorized.)

We’re proud of the one-page checkout we created and hope you enjoy the videos. Shopping cart abandonment is the arch-enemy of every eCommerce store owner and one-page-checkout is a solid way to combat the problem (50 Percent increase in conversion rates). This particular page is for bentgear.com, a supplier of hardcore outdoor gear. Head over there next time you need a backpack, sleeping bag or just a new fleece coat.

AJAX-based One-Page Checkout: Video

We’ve touted the benefits of a one-page checkout before, but for all you visual learners we have recorded a screencast of the one page checkout process. This New York Times article from last year (Registration required) found that for TJMaxx.com and HomeGoods.com, “Fifty percent more customers completed the one-page checkout process than finished the multipage process.”

One Page Checkout with Account

View the video

The above video shows the process for a user with an account. They add the product to the shopping cart, take a second to check shipping costs to their ZIP code, and then proceed to the one-page checkout. Once signed in the billing and shipping addresses are filled and the shipping options are loaded. Thanks to AJAX this all occurs without refreshing the page. The customer enters their credit card information, reviews the information and then submits the order. From product page to order completion the process takes a little over a minute. (The video cuts off because 4111-1111-1111-1111 is a fake credit card.) You can see the video here.

One Page Checkout without Account

View the video

This second video shows the one page process for a first-time customer. The process is the same except for the customer entering the addresses manually. You can see how the name for the credit card is automatically filled while the customer enters their name in the billing address. Once the shipping address is filled the shipping options are loaded, once again using AJAX to keep the page from refreshing. (This video stops short for the same reason as the first, fake credit cards do not get authorized.)

We’re proud of the one-page checkout we created and hope you enjoy the videos. Shopping cart abandonment is the arch-enemy of every eCommerce store owner and one-page-checkout is a solid way to combat the problem (50 Percent increase in conversion rates). This particular page is for bentgear.com, a supplier of hardcore outdoor gear. Head over there next time you need a backpack, sleeping bag or just a new fleece coat.


September 8th, 2006

Tagged View

Tags Similar

Posts Fresh