Linear Checkout for WooCommerce by Cartimize

Description

After you have invested vast resources into building your store and customer acquisition through pay per click campaigns etc., it seems almost unbearable that 69% of users – after having added items to their cart – then choose to abandon their purchase.

Why is it that this many orders are abandoned? And what exactly can online retailers like yourself do to improve this sad state of affairs?

All design and user-experience decisions are based on 134 checkout-specific guidelines distilled from Baymard Institute‘s 54,000+ hours of large scale e-commerce UX research. The very same research used by leading e-commerce companies like Amazon, Nike, Walmart, Target, Google, Macy’s, and Office Depot to name a few.

Implement The Best WooCommerce Checkout UX and gain as much as a 35% increase in conversion rate, in under 5 minutes.

Live Demos –
* Simple product
* Virtual product
* Custom-styled checkout

Check out the Demo Video below –

Discover more at our website

MAKE IT SIMPLE

Faster, friction-less, smoother checkout

Minimizing the default number of displayed form fields and selections are particularly important for the WooCommerce one-step checkout implementation. It’s key to achieve the perceived simplicity that the one-step style can afford.

  • Use a Single ‘Full Name’ Field instead of a First Name and a Last Name field –
    Users generally think of their name as a single entity and, therefore, a large proportion of users often type out their full name in ‘First Name’ field. Using a single “Full Name” field will at a minimum cut the number of form fields by one – ~7% reduction.

  • Hide Optional fields behind a link –
    The main component in reducing the amount of needless attention drawn to optional fields is collapsing them behind a link. This performs well, as empty form fields in the checkout are generally seen by users as a potential task that has to be completed. Removing the form field from the default checkout flow will greatly reduce the amount of needless attention.

  • Make the coupon section much less prominent –
    Showing a coupon code field and apply button directly in the checkout flow is one of the best ways to make sure all users without a coupon notice that they could be getting a better deal on their purchase.
    A well-performing way of reducing the amount of emphasis on the coupon field, while still keeping it discoverable for users who do have a coupon, is to collapse it behind a link.
    Although WooCommerce hides the actual coupon field and apply button behind a link, both the design and placement of the link still demand needless attention.

  • Allow logged-in users to save and choose from multiple addresses –
    Logged-in users can add multiple shipping and billing addresses during checkout, or pick from their previously saved addresses for both delivery and billing.
    80% of people use the same address most of the time. Your customers can choose a default address for shipping and billing, and it will automatically be selected during checkout.

  • Enclosed Checkout –
    During the checkout process, the number of elements shown to users should be reduced to a minimum to allow them to focus on completing the checkout process. This, in particular, means removing the main site-wide navigation in the header and the various potentially distracting links in the footer during checkout.

DON’T MAKE ME THINK

Reduce shoppers’ cognitive load

Making users think, evaluate or make up their mind during the checkout causes interruptions. Since these interruptions lapses a user’s ability to progress in their checkout, it’s important to reduce them to any extent possible.

  • Let users enter their ‘Shipping Address’ first instead of ‘Billing Address’ –
    A shipping address determines where the product is being delivered – a straightforward terminology which users have no issues understanding. A billing address, on the other hand, can be used for several purposes. Asking users to type their shipping address instead of a billing address performs better.

  • Use ‘Shipping Address’ as ‘Billing Address’ by default –
    For most B2C sites, the majority of customers typically order products to their own address. Setting the “Billing Address to equal the Shipping Address”, by default, performs vastly better than either not having the feature or not having it as a default selection.

  • Explain why you need the users’ phone number –
    Users continue to be concerned about the security and confidentiality of their personal information on the web. This can range from serious concerns over identity theft to more mundane concerns, such as an aversion to receiving marketing phone calls – making them reluctant to hand out personal information.
    When it’s truly necessary to require users to supply the information, it should clearly be explained why the data is required. One well-performing pattern is simply using a short inline explanation, in close proximity to the field, such as “Used for payment validation”, “For order questions only”, or whatever the information is actually used for.

  • Disable Shipping Address for virtual products –
    If the cart contains only virtual products, the delivery address form will be hidden.

  • Disable Billing Address –
    For stores who do not need to get a billing address from their users, it is best to hide the form altogether.

DELIGHT ME!

Delight users with a thoughtful checkout flow

Besides speeding up the completion of the form, a thoughtfully designed checkout flow has the potential to bring delight to users in an otherwise dull typing process.

  • Live inline error validation of form fields –
    “Live inline validation” is where the validity of the user’s inputs are checked live as the user progresses through the form, as opposed to checking the inputs in a lump sum when the user submits the form.
    We time and again observe that there’s a direct correlation between how and when users are presented with form validation errors and the pace and effort with which they are able to resolve those errors.

  • Positive inline validation –
    It has been observed to perform well that instead of only telling users what they’ve done wrong, we also tell them when they’ve done something right. During testing, sites that used positive inline validation, by adding a checkmark next to correctly inputted values, added a sense of delight and progression to the whole typing experience.

  • Sticky Order Summary section – With the multi-step checkout, the forms can extend well beyond the fold of the checkout page. In such cases, the order summary and payment methods section can be made to stick to the top so that it’s always visible to the user.

Advanced PRO features – COMING SOON

Our laser-focus is on improving the checkout flow to maximise conversion. We are working on premium features ranging from minor but significant design improvements to major overhaul of systems to make it easier for users.

  • A Better Thank you page [PRO] –
    The order confirmation page (thank you page) is the final leg in the checkout process. The first job of the confirmation step is to let all users know that their order has been successfully completed. It’s important that this information is communicated clearly to users to avoid them looking for further tasks that have to be completed before the order is placed. When this isn’t communicated clearly, users would wonder if they needed to do something else to finalize the order.
    Another key aspect of the confirmation step is to clearly prioritize the information, making the order confirmation information sufficiently prominent. This includes not collapsing all the order information or plastering the page with auxiliary options that are much more dominant than the actual order information.

  • Auto-Detect City and State from ZIP [PRO] –
    While we can’t avoid requiring some information from users, we should minimize the amount of typing required whenever possible. Both “State” (/region) and “City” inputs present such an opportunity, as both can be auto-detected from a ZIP or Postal code in most countries.

  • Google Address Auto-complete [PRO] –
    Reduce post-order headaches and cut down address form fields by auto-completing your customers’ address entry.

  • Cart editing in checkout page [PRO] –
    Keep customers in the checkout page itself by allowing them to edit their cart without having to go back to the cart page.

  • A Better Cart page [PRO] –
    An effective Cart page should allow users to get an idea of the total order cost before they have to fill out multiple form fields, support that some users will use the cart as a temporary storage tool (for short-listing products) and a comparison tool (especially for spec-driven industries), auto-update quantity changes instantly without needing to click on an ‘Update’ button, allow users to easily re-add removed items and, allow users to ‘Save’ cart items for later.

  • Delayed account creation [PRO] –
    While users should always be allowed to complete the checkout process as a guest, having an optional account creation option is often appreciated by users. This begs the question of at which point during the checkout flow is it best to ask for the optional account creation.
    Based on previous checkout usability tests, it’s clear that delaying the optional account creation option performs the best. In fact, it’s often best delayed until the order is finalized; hence presenting the optional account creation option on the order confirmation page works best. This concept is called ‘Delayed Account Creation’.

  • OTP and link based account creation and login [PRO] –
    The password reset flow is the weakest link of the checkout process. Any issues with the password reset process technically lock users out of their account, at which point abandonments are very likely.
    OTP and link-based authentication via SMS and email, which were traditionally used only for 2-factor authentications can be used to completely eliminate the need for a password. Both account creation and logging in can be done through this system.

  • Login with social profiles [PRO] –
    Users simply don’t want yet another account, for yet another site, with yet another password. 34% of shoppers abandon their carts when they are required to create an account. One easy way for users to create an account is to allow them to login with their social profiles. No more usernames, emails or passwords to enter and remember.

  • Display positive user reviews for products in the cart [PRO] –
    Even after adding a product to the cart and starting the checkout process, users can still be skeptical of their purchase. Reassuring them of their decision nudges them to complete the purchase.
    One way to do this is to display the product-specific user reviews right in the checkout page itself. When a real customer tells them that the particular product worked well, chances are that they will feel confident to purchase it.

Screenshots

  • Step 1: Customer Info & Delivery Address
  • Step 2: Shipping Methods
  • Step 3: Payment Methods
  • Step 4: Review & Place Order
  • Mobile-first checkout, built from the ground up.

Installation

This section describes how to install the plugin and get it working.

INSTALL THE PLUGIN FROM WITHIN WORDPRESS

  1. Visit the Plugins page within your dashboard and select ‘Add New’.
  2. Search for ‘cartimize’ and in the ‘Linear Checkout for WooCommerce by Cartimize’ plugin, click on the ‘Install Now’ button and once installed, click Active button.

INSTALL THE PLUGIN MANUALLY

  1. Upload the ‘linear-checkout—-’ folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Is this compatible with my theme?

Yes. This plugin works independently of your theme and will not be affected by your theme’s styles. If you face any issues with your theme, send us an email to support@cartimize.com and we’ll get it fixed asap.

Can I style the checkout to better reflect my brand and website’s theme?

Absolutely. You have full CSS control over all aspects of the checkout page. We also provide a custom-styled checkout service to help you make your checkout completely your own.

Why are my store’s header, navigation, sidebar and footer not included?

Read this article to know more about Enclosed Checkout and why leading e-commerce sites, including Amazon, use it.

What payment gateways do you support?

We have developed the plugin in such a way that most payment gateways work out-of-the-box. The plugin simply uses existing payment methods that you have already set up. In other words, if it works with the default checkout, it’ll work with the plugin. If you face any issues with your payment plugin, let us know at support@cartimize.com and we’ll fix it immediately.

Will it work with my shipping plugin to calculate and display shipping rates from carriers?

We have developed the plugin in such a way that most shipping plugins work out-of-the-box. If you face any issues with your shipping plugin, let us know at support at cartimize dot com and we’ll fix it immediately.

How can I report a bug?

If you think you have identified a bug or a compatibility issue, send us a Bug Report using the link inside the plugin settings. If you would like a quick resolution, please avoid using the plugin’s WP support forum.

How can I request a new feature?

You can use the ‘Request a feature’ link inside the plugin settings. It will send you to our idea management platform where you can post, vote on and discuss about your idea and other ideas from other users as well.

How can I get support?

For anything other than bugs, compatibility issues and feature requests, send us an email at: support at cartimize dot com

Reviews

April 26, 2021
Beautiful checkout with all the bells and whistles I had an issue/bug and got a response and a custom fix within something around 3 hours. For the future I am hoping for more customisation opportunities
March 31, 2021
I tried so many checkout free plugins for the past two weeks to find the perfect one for my online store. My theme checkout was terrible despite paying for the theme and even some of the highly rated/installed ones, I just couldn't understand why they were missing basic customer friendly features that should be pretty brainless. And then I found this one! Love it, works great on desktop and mobile, beautiful and simple flow - it's pretty close to perfection. I am using Stripe for payment and had a small validation issue with the plugin. The developer was friendly and very quick with responses, fixed the issue in no time that I actually feel that they deserve to get paid for such an awesome plugin. Can't wait for the pro version, this will be a plugin to watch. So much potential! Thank you Amrit & team.
March 25, 2021
I was really looking for a plugin to give my checkout page a major boost because I had the standard checkout page for WooCommerce. I then stumbled on Linear Checkout. So far I must say that I am satisfied with it. It looks really professional and it does add an extra something to my checkout. It has really transformed it. Amrit is also very customer service oriented. You do not find that in some owners these days but he does have it. He listened to what I was asking for and provided a solution that I was not expecting. Thanks again for this amazing plug-in and the outstanding customer support!! If I could have given 10 stars I would
February 28, 2021
And it works great. No complaints here. It has a nice secure and professional look that give your customers confidence. 5 Stars all the way
Read all 21 reviews

Contributors & Developers

“Linear Checkout for WooCommerce by Cartimize” is open source software. The following people have contributed to this plugin.

Contributors

“Linear Checkout for WooCommerce by Cartimize” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Linear Checkout for WooCommerce by Cartimize” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.6 – April 7th 2021

  • Feature: Support for ‘Brazilian Market on WooCommerce’ plugin added
  • Improvement: Internal top-aligned label for form elements for a more minimal look
  • Improvement: Logo aligned to the centre of the header
  • Improvement: Auto apply coupon code logic improved while submitting payment step
  • Improvement: Bigger loading indicator for Order Total amount
  • Improvement: Docs link added in cartimize settings page and plugin list page.
  • Improvement: Admin toolbar hidden from the checkout page.
  • Improvement: Support for latest release of the ‘WooCommerce Stripe Payment Gateway’ plugin
  • Fix: Support added for tablet portrait and landscape mode
  • Fix: Delivery and billing address form not validating while enabling option Shipping-> Force shipping to the customer billing address
  • Fix: Checkout page not loading sometimes in Safari browser below 13.3 in iOS
  • Fix: After placing the first order by using the direct bank transfer payment method, form steps are not resetting while the same customer places a second order
  • Fix: Select2 form element error case UI issue

1.0.5 – March 3rd 2021

  • Feature: WooCommerce Points and Rewards support added
  • Improvement: Initial checkout page load time reduced
  • Improvement: Removed title of shipping and payment if only one option is displayed
  • Improvement: Setting for Shipping method ordering
  • Improvement: Coupon code will display in the item summary
  • Fix: All steps collapsed for logged in users when Woocommerce setting -> guest checkout turned off
  • Fix: Payment and shipping options were not refreshing while changing country
  • Fix: In mobile “Billing” is being added for delivery address labels when turning on Woocommerce setting -> Force shipping to the customer billing address
  • Fix: Default loading class conflict with other themes
  • Fix: wd_shortcode plugin causing the UI break issue
  • Fix: Custom Terms and condition page are not working

1.0.4 – Jan 25th 2021

  • Improvement: Woocommerce field description support added
  • Fix: Translation text-domain loaded to detect other translation plugins

1.0.3 – Jan 21st 2021

  • Fix: Fatal error: Uncaught Error: Call to undefined function Cartimize\Admin\wp_get_available_translations() for certain users

1.0.2 – Jan 21st 2021

  • Feature: Translation support added
  • Improvement: Blocksy theme support
  • Improvement: Greenmart theme support
  • Improvement: Metro theme support
  • Improvement: All internal CSS declarations are now removed
  • Improvement: Logout option for connected Cartimize account in Cartimize setting page
  • Improvement: Company name improved in Billing/Shipping address summary.
  • Improvement: Product icon in item summary height will be set automatically.
  • Improvement: Privacy policy content will open in modal instead of a new tab
  • Improvement: Apply coupon ajax call improved
  • Improvement: Coupon code will apply when clicking on Continue to Review & Place Order button without clicking the Apply button.
  • Improvement: Remove coupon code will be performed via ajax call instead of page reload
  • Improvement: Link added to login ‘You must be logged in to checkout’ page.
  • Fix: On the Media Library page, Js script error (Uncaught TypeError: Cannot read property \’model\’ of undefined) causes issues to other plugins (Image Regenerate & Select Crop)
  • Fix: Cartmize feedback integration API loading all the admin pages instead of Cartimzie setting page
  • Fix: Keyboard tab index added for Terms and Condition checkbox
  • Fix: Singapore Town/City field is supposed to be optional but it says that the value is required.
  • Fix: Page scrolling to top while applying coupon code in mobile

1.0.1 – Dec 23rd 2020

  • Feature: Option to report a bug
  • Feature: Option to Become an insider
  • Feature: Option to use the custom store name instead of logo
  • Feature: Custom CSS on the checkout page
  • Improvement: I accept terms check-box error box out of view in mobile
  • Improvement: WeaverXtreme theme support
  • Improvement: PeakShops theme support
  • Fix: Required Billing fields are not validating in Square and brain tree payments
  • Fix: TypeError: Cannot read property ‘msie’ of undefined in WordPress v5.6.
  • Fix: Fatal error: Cannot declare class WordPress_SimpleSettings, because the name is already in use in
    /public_html/wp-content/plugins/linear-checkout-for-woo-by-cartimize/includes/Utility/wordpress-simple-settings.php
  • Fix: Fatal error: Uncaught Error: Class ‘CartimizeCompatibilityThemesCartimize’ not found in /www/wp-content/plugins/linear-checkout-for-woo-by-cartimize/includes/Compatibility/Themes/Astra.php:28
  • Fix: Shipping summary currency symbol not following in currency options in WooCommerce general
  • Fix: Empty Express checkout box showing if Stripe payment enabled
  • Fix: Country success border not showing if Default customer location selected as No default location in WooCommerce general option
  • Fix: “button” class assigned to a non-buttons element in the checkout page

1.0.0 – Nov 30th 2020

  • Initial Public release
  • Feature: Custom Logo upload for checkout
  • Improvement: Oxygen Builder Plugin with PayFast plugin support
  • Improvement: Email field removed if a user logged in to the site

0.9.3 – Nov 10th 2020

  • Improvement: Braintree For WooCommerce Plugin support
  • Improvement: WooCommerce Braintree Payment Gateway Plugin support
  • Improvement: PayPal for WooCommerce Plugin support
  • Improvement: PayPal PLUS for WooCommerce Plugin support
  • Improvement: WooCommerce Square Plugin support
  • Improvement: PayPal Plus for WooCommerce Plugin support
  • Improvement: Cart Flows Plugin support
  • Improvement: Astra Theme support
  • Improvement: Atelier Theme support
  • Improvement: Atik Theme support
  • Improvement: Avada Theme support
  • Improvement: BeaverBuilder Theme support
  • Improvement: Blaszok Theme support
  • Improvement: Divi Theme support
  • Improvement: Electro Theme support
  • Improvement: Flevr Theme support
  • Improvement: GeneratePress Theme support
  • Improvement: Genesis Theme support
  • Improvement: Jupiter Theme support
  • Improvement: Jupiterx Theme support
  • Improvement: Konte Theme support
  • Improvement: Listable Theme support
  • Improvement: Optimizer Theme support
  • Improvement: Porto Theme support
  • Improvement: Savoy Theme support
  • Improvement: The7 Theme support
  • Improvement: TMOrganik Theme support
  • Improvement: Verso Theme support
  • Improvement: Zidane Theme support
  • Improvement: Multisite Support
  • Improvement: Make the ‘Terms and Conditions’ hyperlinks open in a popup modal box
  • Improvement: Decimal separator disappear in checkout page
  • Improvement: Option to disable coupon field
  • Improvement: Review steps modification
  • Improvement: Add compatibility with TC Extra Product Options Plugin
  • FIx: Visible bullet list at top of page

0.9.2 – Sep 29th 2020

  • Feature: Klarna Payment support
  • Improvement: Oxygen Builder Plugin support
  • Improvement: OCeanWP Theme support
  • Improvement: Woodmart Theme support
  • Fix: Name field validation will not pass with Cyrillic names
  • Fix: Full name not auto completing.
  • Fix: Removed unwanted element in footer.

0.9.1 – Sep 18th 2020

  • Improvement: Shoptimizer theme support
  • Fix: Fatal error when trying to enable plugin
  • Fix: Some PHP notices were blocking the checkout page load if we set WP_DEBUG true

0.9.0 – Sep 17th 2020

  • Initial Private Beta release