{"id":2238,"date":"2016-07-27T11:25:43","date_gmt":"2016-07-27T11:25:43","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=2238"},"modified":"2016-07-27T11:26:41","modified_gmt":"2016-07-27T11:26:41","slug":"ab-testing-quick-vs-multi-page-checkout-which-performs-better","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/ab-testing-quick-vs-multi-page-checkout-which-performs-better\/","title":{"rendered":"A\/B Testing \u2013 Quick Vs Multi Page checkout \u2013 Which performs better?"},"content":{"rendered":"<p>Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, social security) so they can be billed and their product shipped to them.<\/p>\n<p>There are many reasons why customers resort to shopping cart abandonment. Sometimes the Checkout is badly optimized with an ill-defined structure. There might be excessive loading time. Some sites require account creation before any sales can be made, due to which customers are fed up and leave. The checkout fields might be too many so the customers get tired.<\/p>\n<p>The problem is not as important as the solution in this case. It is evident that without practical implementation and analysis of performance and success ratio no solution can be deemed as effective. To test these solutions they are subjected to A\/B testing.<\/p>\n<p><!--more--><\/p>\n<h2><span style=\"color: #000080;\">What is A\/B Testing?<\/span><\/h2>\n<p>When a problem presents itself on online web pages (in this case checkout), there are different solutions which can be put into effect. However, their success is based on theoretical models which vary from practical field implementation.<\/p>\n<p>A\/B testing is the process of developing different web pages with different solutions and putting them in service over time. Factors such as analytics, visitors, leads, conversions, customers and sales are monitored. Thus the most effective solution can be easily pointed out and put in action.<\/p>\n<h2><span style=\"color: #003366;\">Checkout Pages: One Step (Quick Checkout) vs Multistep<\/span><\/h2>\n<p>Although Multistep Checkouts are still commonly used, customers are evolving and have new needs to which quick checkouts such as PrestaShop One Page Checkout can cater to more effectively. Following is a comparative analysis of both approaches.<\/p>\n<h2><span style=\"color: #003366;\">Multistep Checkout Page<\/span><\/h2>\n<p>Traditional approach for checkout modules is to develop a checkout page which is divided into different categories. This step by step procedure categories added information such as personal info, credit history and contact info page by page.<\/p>\n<p><span style=\"color: #000000;\"><strong>Advantages:<\/strong><\/span><\/p>\n<ul>\n<li>Categorises information into different pages<\/li>\n<li>Less information per page needs to be added<\/li>\n<li>Has an indication bar to show progress levels<\/li>\n<li>Customers can enter each category with ease<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><strong>Drawbacks:<\/strong><\/span><\/p>\n<ul>\n<li>Excessive loading time per page is main factor for shopping car abandonment. 57 percent visitors abandon website due to this loading time over 3 seconds and all of them never return to the same site.<\/li>\n<li>Less info per page but results in a lot of information altogether being asked from customer during the duration of checkout. This is the cause for 21 percent abandonment.<\/li>\n<li>Customers often forget about the information they had entered in previous sections of checkout. This is the cause for 64 percent abandonment.<\/li>\n<\/ul>\n<p>Even if multistep checkout has a few advantages, they are outweighed by the disadvantages that accompany them. This method is the traditional approach to checkouts and has started to become redundant. The new generation of customers are tech savvy and are looking towards fast checkouts which require only relevant information.<\/p>\n<h2><strong><span style=\"color: #003366;\">Quick Checkout<\/span><\/strong><\/h2>\n<p>Quick Checkouts such as <a href=\"http:\/\/www.fmemodules.com\/en\/42-one-step-checkout.html\" target=\"_blank\"><strong>PrestaShop One Page Checkout<\/strong><\/a> Modules are based on the principle of simplifying checkout process. In a singular page, all information required from customer is taken as input and just by entering the information, the transaction is completed.<\/p>\n<p><strong>Advantages:<\/strong><\/p>\n<ul>\n<li>A singular checkout page which takes in all information in one go.<\/li>\n<li>Fields can be set personally with headings and type of data as in PrestaShop One Page Checkout module<\/li>\n<li>Highly versatile and customizable. Allows customized forms to be created.<\/li>\n<li>Choose from a vast number of themes which can then be customized as per requirements.<\/li>\n<\/ul>\n<p><strong>Drawbacks:<\/strong><\/p>\n<p>None. This is the beauty of quick checkouts such as PrestaShop One Page Checkout module. It might be hard to believe this but because it is built from the customer\u2019s standing point and their psychology, it completely fulfils their needs. Being the new generation of checkout pages, it incorporates all the strengths and leaves behind weaknesses in previous models.<\/p>\n<h2><span style=\"color: #000080;\">One Step (Quick Checkout) vs Multistep: A Practical Demonstration<\/span><\/h2>\n<p>Example can be taken from the Official Vancouver 2010 Olympics Store, was a One Page Checkout. A\/B testing of both Multipage and Quick Checkout were implemented by the designing company beforehand to finalize which model and prototype would be implemented as solution.<\/p>\n<p>Results greatly favoured the implementation of Quick Checkout, which in this case was PrestaShop One Page Checkout module.<\/p>\n<p><strong>Multipage Checkout:<\/strong><\/p>\n<ul>\n<li>Increase in Visitors: 20%<\/li>\n<li>Increase in Leads: 13%<\/li>\n<li>Increase in Conversions: 19%<\/li>\n<li>Customers that completed Checkout process entirely: 36%<\/li>\n<li>Customer ratings of system: 6.3\/10 (approx.)<\/li>\n<\/ul>\n<p><strong>PrestaShop One Page Checkout Module:<\/strong><\/p>\n<ul>\n<li>Increase in Visitors: 57%<\/li>\n<li>Increase in Leads: 42%<\/li>\n<li>Increase in Conversions: 87%<\/li>\n<li>Customers that completed Checkout process entirely: 76%<\/li>\n<li>Customer ratings of system: 8.8\/10 (approx.)<\/li>\n<\/ul>\n<p>From this survey it is evident that the Quick Checkout modules such as the PrestaShop One Page Checkout shopping cart are now the future of online business website industry. From the perspective of digitally active customers who are virtually connected to the social hub of World Wide Web, speed and ease of purchase come as priority above all others.<\/p>\n<p>PrestaShop One Page Quick Checkout module perfectly suits the requirements of modern customers and has both statistical backing combined with approval from A\/B testing to prove that it is the best Checkout solution in market. Simply add it to your business and feel the boost personally.<\/p>\n<table style=\"background-color: #ded7d7;\">\n<tbody>\n<tr>\n<td><strong>Author Bio:<\/strong> <strong><em>Alastair Brian<\/em><\/strong><em>\u00a0writer from \u00ab\u00a0<\/em><a href=\"http:\/\/www.fmemodules.com\/\"><strong><em>FMEModules<\/em><\/strong><\/a><strong><em>\u00a0\u00bb\u00a0<\/em><\/strong><em>&#8211; a brand well known for top of the line reliable PrestaShop Add-ons, themes, extensions and services. Follow him on\u00a0<\/em><em>Twitter<\/em><em>,\u00a0<\/em><em>LinkedIn<\/em><em>\u00a0and\u00a0<\/em><em>Google plus<\/em><em>.<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/3259-2\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/plugins\/yuzo-related-post\/assets\/images\/default.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/3259-2\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\">   <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 141<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" ><\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/rediger-cahier-charges\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-cachier-des-charges-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/rediger-cahier-charges\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment r\u00e9diger un cahier des charges  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 469<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par Deligrah.com, r\u00e9sume les diff\u00e9rentes \u00e9tapes pour r\u00e9aliser un cahier des charges.\r\n1) Qu'est ce qu'un cahier des charges ?\r\nUn cahier des charges est un document en deux parties qui vous aidera \u00e0 mieux d\u00e9finir votre projet.\r\n\r\n\r\n2) D\u00e9finir ses\u00a0objectifs\r\n- vendre des produits ou services, un site internet e-commerce est tout indiqu\u00e9\r\n\r\n- augmenter votre notori\u00e9t\u00e9 et ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-transporteur-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/10\/transprteur-prestshop-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-transporteur-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3745<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutoriel, nous allons voir comment ajouter et param\u00e9trer un transporteur, afin que vos clients puissent choisir son mode de livraison sur votre site de vente en ligne.\r\n\r\nIl existe deux mani\u00e8res \u00e0 ce jour d'ajouter un transporteur dans Prestashop:\r\n\r\n \tutiliser un module du transporteur choisi\r\n \tins\u00e9rer le transporteur soi-m\u00eame.\r\n\r\n\r\n\r\nA) Quel transporteur utilise un module adapt\u00e9 \u00e0 Prest...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ameliorer-performances-de-boutique-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/optimiserperformances-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/ameliorer-performances-de-boutique-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Am\u00e9liorer les performances de votre boutique  Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5904<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >A) Connaitre les performances de sa boutique Prestashop\r\nLorsqu'un internaute arrive sur votre site de vente en ligne\u00a0en g\u00e9n\u00e9ral il n'a pas la patience d'attendre le chargement d'une page.\r\n\r\nPar cons\u00e9quent, plus le temps de chargement est long, plus le taux d'abandon est important.\r\n\r\nAujourd'hui, il existe de nombreux sites pour tester la \u00a0performances de son site ecommerce, en ce qui me concern...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/vider-cache-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/vider-cache-prestashop-1.7-1-6-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/vider-cache-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Vider le cache dans Prestashop 1.6 et Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 28603<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Pourquoi vide t-on le cache dans Prestashop ?\u00a0\r\nLorsque vous modifiez des codes dans prestashop pour am\u00e9liorer par exemple le th\u00e8me graphique, il se peut que vous ne \u00a0visualisez pas ces changements dans le front-office.\r\n\r\nIl faut savoir que par d\u00e9faut, Prestashop a activ\u00e9 le cache qui garde en m\u00e9moire tous les param\u00e8tres et la mise en forme de votre site.\r\n\r\n\r\n\r\nIl est donc n\u00e9cessaire de purger c...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, social security) so they can be billed and their product shipped to them. There are many reasons why customers resort to shopping cart abandonment. Sometimes the Checkout [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2240,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/2238"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=2238"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/2238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/2240"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=2238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=2238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=2238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}