{"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\/bouton-suivantprecedent-sur-la-page-produit\/\" 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\/2014\/12\/prevnext_tut-300x187.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\/bouton-suivantprecedent-sur-la-page-produit\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1989<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit\r\n\r\nCette astuce Prestashop est valable pour la version 1.5 et 1.6\r\n\r\n----------------\r\n\r\n1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\n----------------\r\n\r\n2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/con...<\/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\/savoir-si-votre-module-est-fiable-pour-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\/wsi-imageoptim-service-validation-400x249.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\/savoir-si-votre-module-est-fiable-pour-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Savoir si votre module est fiable pour Prestashop  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 481<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Il existe aujourd'hui de nombreux modules (gratuits ou payants) et certains d'entre-eux peuvent avoir un impact n\u00e9gatif sur votre boutique (bug, lenteur....).\r\n\r\nIl existe deux astuces qui vont vous permettre de savoir si oui ou non vous pouvez installer le module sur votre boutique Prestashop\r\n\r\n\r\n1) Utilisez le service de validation de Prestashop\u00a0\r\nPrestashop a cr\u00e9\u00e9 un service qui permet de v\u00e9ri...<\/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\/les-fonctionnalites-techniques-de-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\/2021\/01\/fonctionnalites-tecniques-prestashop-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\/les-fonctionnalites-techniques-de-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les fonctionnalit\u00e9s techniques de PrestaShop  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 247<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >\r\n\r\nEn constante \u00e9volution PrestaShop est aujourd'hui une solution e-commerce d'une grande richesse fonctionnelle, notamment au niveau technique:s\u00e9curit\u00e9, outils d'installation....\r\n\r\nVoici une liste de ces fonctionnalit\u00e9s:\r\n\r\n\u00a0\r\n\r\nSECURITE\r\n\r\n\u2014 Compatible PCI\r\n\r\n\u2014 Compatible SSL\r\n\r\n\u2014 Back-office s\u00e9curis\u00e9\r\n\r\n\u2014 Plusieurs comptes utilisateurs pour le back-office\r\n\r\n\u2014 D\u00e9finition des permissions ...<\/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\/rollover-deuxieme-image-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\/wsi-imageoptim-secon-image-hover-400x249.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\/rollover-deuxieme-image-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment faire apparaitre une deuxi\u00e8me photo de vos produits au survol des images  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5005<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tutoriel qui va vous permettre de faire apparaitre la deuxi\u00e8me image de votre produit au passage de la souris.\r\n\r\nUPDATE : j'ai trouv\u00e9 ce module qui est gratuit : cliquez-ci\u00a0\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Category.php\u00a0\u00bb dans le dossier \u00ab\u00a0override\/classes\u00a0\u00bb et ajoutez-le code suivant:\r\n\r\n\r\n\r\n1) Cr\u00e9ez un fichier nomm\u00e9 \u00ab Produ...<\/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\/comment-la-couleur-affecte-la-conversion\/\" 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\/2015\/02\/how-colors-affect-conversion-rates-sm-300x187.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\/comment-la-couleur-affecte-la-conversion\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment la couleur affecte le taux de conversion  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 168<\/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 Kissmetrics , met en avant l\u2019importance du choix des couleurs pour am\u00e9liorer la conversion sur votre site e-commerce. En effet, les couleurs ont une grande importance psychologique sur le cerveau humain.\r\n\r\n---------\r\n\r\nVoici quelques donn\u00e9es qui ressortent de cette infographie :\r\n\r\n- 92,6 % des personnes d\u00e9clarent que l\u2019aspect visuel est le crit\u00e8re N\u00b0 1 pour prendr...<\/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}]}}