{"id":4962,"date":"2015-04-06T15:58:00","date_gmt":"2015-04-06T12:58:00","guid":{"rendered":"http:\/\/blog.cs-cart.com\/"},"modified":"2024-05-30T14:37:17","modified_gmt":"2024-05-30T10:37:17","slug":"faster-checkout-in-cs-cart-4-3-1","status":"publish","type":"page","link":"https:\/\/www.cs-cart.com\/blog\/faster-checkout-in-cs-cart-4-3-1\/","title":{"rendered":"Faster Checkout in CS-Cart 4.3.1"},"content":{"rendered":"\n<p><i><span style=\"color: gray; font-size: large;\">With CS-Cart 4.3.1 customers spend less time on checkout<\/span><\/i><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=279589766  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/fast_checkout.png\" alt=\"Fast checkout\"\/><\/figure>\n\n\n\n<p>Hello!<\/p>\n\n\n\n<p>After adding a product to the cart the customer proceeds to checkout to pay for the order. During checkout, the customer completes four steps:<\/p>\n\n\n\n<ol><li>Signs in to an existing account or registers a new one<\/li><li>Enters the billing and shipping addresses<\/li><li>Chooses the shipping method<\/li><li>Chooses the payment methods<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1636099038  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/checkout-steps.png\" alt=\"Checkout steps\"\/><\/figure>\n\n\n\n<p>CS-Cart 4.2.4 and earlier have two checkout styles. The store admin switches between them on the Settings \u2192 General page in the admin panel:<\/p>\n\n\n\n<ul><li><strong>Multi-page checkout<\/strong>\u2014when a customer proceeds to the next checkout step, the web browser reloads the whole page. Reloading a page takes almost as much time as initially loading it.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=736364853  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/multi-pagefin.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Multi-page checkout\"\/><\/figure>\n\n\n\n<ul><li><strong>One-page checkout<\/strong>\u2014moving through steps doesn\u2019t reload the whole page but only updates a part of it. Since there&#8217;s less to load, switching between steps is faster.<\/li><\/ul>\n\n\n\n<p>One-page checkout works on the AJAX technology. AJAX allows data exchange between browser and server without the full reloading of the web page.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=1360584152  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/one-page-checkout.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"One-page checkout\"\/><\/figure>\n\n\n\n<p><strong>In CS-Cart 4.3.1<\/strong> we have removed the multi-page checkout style. From now on, CS-Cart uses one-page checkout by default.<\/p>\n\n\n\n<h3 id='checkout-settings'  id=\"boomdevs_1\" class=\"wp-block-heading\">Checkout Settings<\/h3>\n\n\n\n<p>The checkout settings have been relocated from Setting \u2192 General to <strong>Settings \u2192 Checkout<\/strong>. You will find a description of each checkout setting on the <a href=\"https:\/\/docs.cs-cart.com\/latest\/\" target=\"_blank\" rel=\"noopener\">Documentation<\/a> \u2192 CS-Cart \u2192 Settings \u2192 Checkout page.<\/p>\n\n\n\n<p>Three of these settings let you hide checkout steps:<\/p>\n\n\n\n<ul><li>If the sign-in step doesn\u2019t require contact information, you may want to hide this step. Choose <strong>Hide step completely<\/strong> in the <em>Configure \u201cSign in\u201d step<\/em> setting. When the first step is hidden, unlogged customers place orders anonymously. Logged in customers don\u2019t see this step as well. If a logged in customer has indicated the billing and the shipping addresses in his or her profile, the second step is completed automatically.<\/li><li>It may be that there is only one shipping method accessible for your region. Place this method first in the <em>Administration \u2192 Shipping &amp; taxes \u2192 Shipping methods<\/em> list. Now, go to <strong>Settings \u2192 Checkout<\/strong> and hide the <em>Shipping options<\/em> step to use the method you\u2019ve just listed first by default.<\/li><li>If you offer only one payment method, e.g. credit card, make sure this method is the first in the <em>Administration \u2192 Payment methods<\/em> list. On the <strong>Setting \u2192 Checkout page<\/strong>, hide the <em>Billing options<\/em> step. Now, payment by credit card is used by default.<\/li><\/ul>\n\n\n\n<p>If you want your customers to choose shipping and payment methods themselves, leave the checkboxes ticked:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img data-opt-id=635744435  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/checkout-settings1.png\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Checkout settings\"\/><\/figure>\n\n\n\n<p>By hiding all three steps, you let unlogged customers complete only one checkout step instead of four. Registered customers who indicated addresses in their profiles, place orders in one click. Handy!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>What checkout style have you been using in your store? What do you think about the refined checkout in CS-Cart 4.3.1? We would appreciate any comments!<\/p>\n\n\n\n<p>Follow CS-Cart on <a title=\"CS-Cart on Facebook\" href=\"https:\/\/www.facebook.com\/cscart.official\" target=\"_blank\" rel=\"noopener\">Facebook<\/a> and <a title=\"CS-Cart on Twitter\" href=\"https:\/\/twitter.com\/cscart\" target=\"_blank\" rel=\"noopener\">Twitter<\/a> to get the latest news and announcements.<\/p>\n\n\n\n<div style=\"background: #f7f7f7;\">\n<div style=\"width: 600px; margin: 0 auto; padding: 20px 0 10px;\">\n<h2 id='follow-cs-cart-news-promotions'  id=\"boomdevs_2\" style=\"text-align: center; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;\">Follow CS-Cart news &amp; promotions<\/h2>\n<p>&nbsp;<\/p>\n<form style=\"text-align: center;\" action=\"https:\/\/www.cs-cart.com\" method=\"post\" name=\"subscribe_form\"><input name=\"mailing_lists[1]\" type=\"hidden\" value=\"1\"\/><br \/><input name=\"redirect_url\" type=\"hidden\" value=\"index.php\"\/><br \/><label class=\"cm-required cm-email\" style=\"display: none;\" for=\"subscr_email\">Email<\/label><br \/><input id=\"subscr_email\" class=\"subscribe-input\" style=\"font-size: 16px; padding: 10px; width: 400px; border-radius: 4px; height: 41px; color: #72757a; border: 2px solid #C7C7C9; box-sizing: border-box;\" name=\"subscribe_email\" type=\"text\" placeholder=\"Enter e-mail address\"\/><br \/><button class=\"subscribe-btn\" style=\"background: #2F4156; outline: 0; border: 0; padding: 12.5px 15px; font-size: 14px; text-transform: uppercase; color: #fff; margin-left: -10px; vertical-align: top; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; height: 41px;\" type=\"submit\">Subscribe<\/button><br \/><input name=\"dispatch\" type=\"hidden\" value=\"newsletters.add_subscriber\"\/><\/form><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"With CS-Cart 4.3.1 customers spend less time on checkout Hello! After adding a product to the cart the&hellip;","protected":false},"author":31003,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_ayudawp_aiss_exclude":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/pages\/4962"}],"collection":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/users\/31003"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/comments?post=4962"}],"version-history":[{"count":0,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/pages\/4962\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/media?parent=4962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}