Amrit Anandh

Kuppuraj

Midhu

Cartimize

aghilesh

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?
<blockquote>
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.
</blockquote>
Implement The Best WooCommerce Checkout UX and gain as much as a 35% increase in conversion rate, in under 5 minutes.
Live Demos – 
* <a href="https://demo.cartimize.com/?add-to-cart=15&cartimize_redirect=1" rel="nofollow ugc">Simple product</a> 
* <a href="https://demo.cartimize.com/?add-to-cart=23&cartimize_redirect=1" rel="nofollow ugc">Virtual product</a> 
* <a href="https://demo.cartimize.com/?add-to-cart=15&cartimize_redirect=1&cartimize_custom_css_redirect=1" rel="nofollow ugc">Custom-styled checkout</a>
Check out the Demo Video below –
<iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/wIC8B0YJXmI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://cartimize.com/" rel="nofollow ugc">Discover more at our website</a>
<h4>MAKE IT SIMPLE</h4>
<h3>Faster, friction-less, smoother checkout</h3>
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.
<ul>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
</ul>
<h4>DON’T MAKE ME THINK</h4>
<h3>Reduce shoppers’ cognitive load</h3>
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.
<ul>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
Disable Shipping Address for virtual products – If the cart contains only virtual products, the delivery address form will be hidden.
</li>
<li>
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.
</li>
</ul>
<h4>DELIGHT ME!</h4>
<h3>Delight users with a thoughtful checkout flow</h3>
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.
<ul>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
</ul>
<h4>Advanced PRO features</h4>
<ul>
<li>
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.
</li>
<li>
Google Address Auto-complete [PRO] – Reduce post-order headaches and cut down address form fields by auto-completing your customers’ address entry.
</li>
<li>
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.
</li>
<li>
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’.
</li>
<li>
Hide or make billing address optional for virtual and downloadable products [PRO] – For stores that do not need to get a billing address from their users, it is best to hide the form altogether.
</li>
<li>
Remove Cartimize branding [PRO] – Remove the ‘Checkout Powered by Cartimize’ badge and make the checkout your own.
</li>
</ul>
<h4>Advanced PRO features – COMING SOON</h4>
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.
<ul>
<li>
Cart order bump [PRO] – Increase your average order value by presenting an eye-catching yet non-interruptive upsell offer before your customers checkout. The offer is presented within the order items summary as a small widget where they can accept the offer by simply adding it to the cart.
</li>
<li>
Cross-device persistent cart [PRO] – Considering how easy it is to complete the mobile checkout process using a desktop computer instead, it is no surprise that a Baymard research study showed that 21% of mobile users consistently use a desktop device to complete their mobile-initiated orders, while 40% do it occasionally. To support this behaviour, cart items are sync’d between the mobile and desktop checkout sessions for logged-in users.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
</ul>

Linear Checkout for WooCommerce by Cartimize

The Checkout You Deserve - Backed by 134 checkout-specific guidelines distilled from Baymard Institute‘s 61,000+ hours of large-scale e-commerce UX re …

Automattic

Weston Ruter

rtCamp

Google

Pascal Birchler

Joshua Wold

Alberto Medina

Piotr Delawski

Alain Schlesser

Lovekesh Kumar

Pierre Gordon

<a href="https://developers.google.com/search/docs/guides/page-experience" rel="nofollow ugc">Page Experience</a> (PX) is a set of ranking signals—including <a href="https://web.dev/vitals/#core-web-vitals" rel="nofollow ugc">Core Web Vitals</a> (CWV)—measuring the user experience of interacting with a web page. AMP is a powerful tool which applies many optimizations and best practices automatically on your site, making it easier for you to achieve good page experience for your visitors. The official AMP Plugin, supported by the AMP team, makes it easy to bring the power of AMP to your WordPress site, seamlessly integrating with the normal publishing flow and allowing the use of existing themes and plugins.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/s52JNMT59s8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
For more videos like this, check out the ongoing <a href="https://www.youtube.com/playlist?list=PLXTOW_XMsIDRGRr5QDffrvND8Qh1RndFb" rel="nofollow ugc">AMP for WordPress video series</a>.
The plugin’s key features include:
<ol>
<li>Automate the process of generating AMP-valid markup as much as possible, letting users follow the standard workflows they are used to in WordPress.</li>
<li>Provide effective validation tools to help users deal with AMP incompatibilities when they happen, including mechanisms for identifying, contextualizing, and resolving issues caused by validation errors.</li>
<li>Provide development support to make it easier for WordPress developers to build AMP-compatible ecosystem components and build websites and solutions with AMP-compatibility built-in.</li>
<li>Support the serving of AMP pages to make it easier for site owners to take advantage of mobile redirection, AMP-to-AMP linking, and generation of optimized AMP by default (via PHP port of AMP Optimizer).</li>
<li>Provide a turnkey solution for segments of WordPress creators to be able to go from zero to publishing AMP pages in no time, regardless of technical expertise or availability of resources.</li>
</ol>
The official AMP plugin for WordPress is a powerful tool that helps you build user-first WordPress sites, that is, sites that are fast, beautiful, secure, engaging, and accessible. A user-first site will deliver experiences that delight your users and therefore will increase user engagement and the success of your site. And, contrary to the popular belief of being only for mobile sites (it doesn’t stand for Accelerated Mobile Pages anymore!), AMP is a fully responsive web component framework, which means that you can provide AMP experiences for your users on both mobile and desktop devices.
<h4>AMP Plugin Audience: Everyone</h4>
This plugin can be used by both developers and non-developer users:
<ul>
<li>If you are a developer or tech savvy user, you can take advantage of advanced developer tools provided by the AMP plugin to fix validation issues your site may have and reach full AMP compatibility.</li>
<li>If you are not a developer or tech savvy user, or you just simply don’t want to deal with validation issues and tackling development tasks, the AMP plugin allows you to assemble fully AMP-compatible sites with different configurations taking advantage of AMP-compatible components. The plugin helps you to deal with validation issues by removing invalid AMP markup in cases where it is possible, or altogether suppressing AMP-incompatible plugins on AMP pages.</li>
</ul>
The bottom line is that regardless of your technical expertise, the AMP plugin can be useful to you.
<h4>Template Modes</h4>
The official AMP plugin enables site owners to serve AMP to their users in different ways, which are referred to as template modes: Standard, Transitional, and Reader. The differences between them are in terms of the number of themes used (one or two), and the number of versions of the site (non-AMP, AMP). Each template mode brings its own value proposition and serves the needs of different scenarios in the large and diverse WordPress ecosystem. And in all cases, the AMP plugin provides as much support as possible in terms of automating the generation of AMP pages, as well as keeping the option chosen AMP valid. In a nutshell, the available template modes are the following:
Standard Mode: This template mode is the ideal, as there is only one theme for serving requests and a single version of your site: the AMP version. Besides enabling all of your site to be AMP-first, this has the added benefit of reducing development and maintenance costs. This mode is the best choice for sites where the theme and plugins used in the site are fully AMP-compatible. It's also a good option if some components are not AMP-compatible but the site owner has the resources or the know-how to fix them. See our <a href="https://amp-wp.org/showcases/?template_mode=standard" rel="nofollow ugc">showcase</a> of sites using Standard mode.
Transitional Mode: In this mode there is also a single theme used, but there can be two versions of each page: AMP and non-AMP. The active theme is used for serving the AMP and non-AMP versions of a given URL. This mode is a good choice if the site uses a theme that is not fully AMP compatible, but the functional differences between the AMP and non-AMP pages are acceptable (due to graceful degradation). In this case, users accessing the site from mobile devices can get the AMP version and get an optimized experience which also retains the look and feel of the non-AMP version. Check out our <a href="https://amp-wp.org/showcases/?template_mode=transitional" rel="nofollow ugc">showcase</a> of sites using Transitional mode.
Reader Mode: In this mode there are two different themes, one for AMP pages and another for non-AMP pages, and therefore there are also two versions of the site. This mode may be selected when the site is using an AMP-incompatible theme, but the level of incompatibilities is significant without graceful degradation. It’s also a good choice if you are not technically savvy (or simply do not want to deal with the incompatibilities) and therefore want simplified and robust workflows that allow you to take advantage of AMP with minimal effort.
Different modes would be recommended in different scenarios, depending on the specifics of your site and your role. As you configure the plugin, it will suggest the mode that might be best for you based on its assessment of the theme and plugins used on your site. And, independently of the mode used, you have the option of serving all or only a portion of your site as AMP. This gives you all the flexibility you need to get started enabling AMP on your site progressively.
<h4>AMP Ecosystem</h4>
It is possible today to assemble great looking user-first sites powered by the AMP plugin by picking and choosing themes and plugins from a growing AMP-compatible ecosystem. In this context, the AMP plugin acts as an orchestrator of the overall AMP content creation and publishing process; it serves as a validator and enforcer making it easier to not only get to AMP experiences, but to maintain them with confidence.
Many popular theme and plugin developers have taken efforts to support the official AMP plugin. If you are using a theme like Astra or Newspack, or if you are using plugins like Yoast or WP Forms — they will work out of the box! You can see the <a href="https://amp-wp.org/ecosystem/" rel="nofollow ugc">growing list</a> of tested themes and plugins.
<h4>AMP Development</h4>
Although there is a growing ecosystem of AMP-compatible WordPress components, there is still a ways to go before majority AMP compatibility in the ecosystem. If you are a developer, or you have the resources to pursue development projects, you may want in some cases to develop custom plugin or theme to serve your specific needs. The official AMP plugin can be of great help to you by providing powerful and effective developer tools that shed light into the AMP development process as it is done in WordPress. This includes mechanisms for detailing the root causes of validation issues, the contextual space to understand them properly, and methods to deal with them during the process of achieving full AMP compatibility. Read more about <a href="https://amp-wp.org/documentation/getting-started/developer-tools/" rel="nofollow ugc">Developer Tools</a>.
<h4>Getting Started</h4>
To learn more about the plugin and start leveraging its capabilities to power your AMP publishing workflow, check <a href="https://amp-wp.org/" rel="nofollow ugc">the official AMP plugin product site</a>.
If you are a developer, we encourage you to <a href="https://github.com/ampproject/amp-wp" rel="nofollow ugc">follow along</a> or <a href="https://github.com/ampproject/amp-wp/wiki/Contributing" rel="nofollow ugc">contribute</a> to the development of this plugin on GitHub.
We have put up a comprehensive <a href="https://amp-wp.org/documentation/frequently-asked-questions/" rel="nofollow ugc">FAQ page</a> and extensive documentation to help you start as smoothly as possible.
But if you need some help, we are right here to support you in the plugin’s <a href="https://wordpress.org/support/plugin/amp/" rel="ugc">support forum</a>, as well as through <a href="https://github.com/ampproject/amp-wp/issues" rel="nofollow ugc">GitHub issues</a> (for technical bugs and feature requests). And our thriving <a href="https://amp-wp.org/ecosystem/amp-experts/" rel="nofollow ugc">AMP Expert ecosystem</a> has indie freelancers to enterprise grade agencies in case you need commercial support!

It's best AMP plugin for WP. With good support team

Best AMP plugin for WP

Memory usage jumped from 5% to 91% when this plugin was activated.

Killed Php Memory

Excellent tool.

Very good plugin


I tried it when AMP was a "must have" but it’s just adding problems to your site. All the work you make on your site to give a good experience for your users is broken by AMP rendering. SEO is worst and the product helps only Google to make money on your work. Don’t install it, choose a light theme and put your effort on the theme.


Bad Experience

An easier path to great Page Experience for everyone. Powered by AMP.

Linear Checkout for WooCommerce by Cartimize vs AMP