InstantPWA on WooCommerce
WooCommerce runs on top of WordPress, so InstantPWA installs the same way — theme header.php or a code-injection plugin like WPCode. Because the snippet can read WooCommerce's cart fragments in localStorage, you can target the popup specifically at shoppers who added to cart but didn't check out.
Any WooCommerce store on WordPress 5.0+. No conflict with Storefront, Astra or custom themes.
How to set it up
- 1
Open your theme header
Appearance → Theme File Editor → header.php, or install WPCode for a safer no-file-edit option.
- 2
Paste the InstantPWA snippet before </head>
It loads after WooCommerce's own cart and checkout scripts, so there's no race condition.
- 3
Turn on cart-based targeting
In your InstantPWA dashboard, set the popup trigger to fire when a WooCommerce cart cookie exists but checkout hasn't completed.
- 4
Preview on the cart page
Add a product to cart, leave, and return — the install popup should reference the pending order.
Common tasks on WooCommerce
FAQ
Does it work with WooCommerce Blocks checkout?+
Yes — the snippet doesn't touch the checkout React app, so it's compatible with both classic and block-based checkout.
Will it slow down my cart page?+
No — it's under 15 KB gzipped and loads asynchronously after WooCommerce's own scripts.