AMP and WooCommerce

AMP (Accelerated Mobile Pages) & WooCommerce

Problem: On mobile, WooCommerce product page kept refreshing and never fully loaded.

Answer: “WooCommerce is not yet AMP-compatible. The quickest way to resolve this is to disable the “Product” post type from being enabled in the AMP plugin.” (source, April 15, 2020)

From AMP plugin support (July 21, 2021)

Question: When AMP plugin activated, shop not working in mobile

Answer: WooCommerce is not yet fully compatible, but it can be configured to work at a basic level:

• Disable AMP on WooCommerce Cart and Checkout pages
• Update Add to cart behavior settings in WordPress Admin > WooCommerce > Settings > Products tab: enable “Redirect to the cart page after successful addition” and disable “Enable AJAX add to cart buttons on archives”
• Use AMP Enhancer plugin to help address some incompatibilities in WooCommerce.

Source

Analyze AMP pages

Note: this has nothing to do with making AMP work with WooCommerce, since I disabled all of the AMP capabilities as recommended above. But it’s helpful for validating the rest of my site’s AMP pages.

In order to test my site for AMP compatibility, I need to add ?amp=1 to the end of URLs for testing. Example: https://www.reidwalley.com/services/?amp=1

• https://amp.dev/page-experience/
• https://validator.ampproject.org/
• https://search.google.com/test/amp