{"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-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.cs-cart.com\/blog\/wp-content\/uploads\/fast_checkout.png?w=800&#038;ssl=1\" 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-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.cs-cart.com\/blog\/wp-content\/uploads\/checkout-steps.png?w=800&#038;ssl=1\" 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-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.cs-cart.com\/blog\/wp-content\/uploads\/multi-pagefin.png?w=800&#038;ssl=1\" 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-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.cs-cart.com\/blog\/wp-content\/uploads\/one-page-checkout.png?w=800&#038;ssl=1\" 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 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-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.cs-cart.com\/blog\/wp-content\/uploads\/checkout-settings1.png?w=800&#038;ssl=1\" 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 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":"<p>With CS-Cart 4.3.1 customers spend less time on checkout Hello! After adding a product to the cart the customer proceeds<\/p>\n","protected":false},"author":31003,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"aioseo_notices":[],"jetpack_sharing_enabled":true,"amp_enabled":true,"_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}]}}