An add-to-cart bar always within reach
Anchor adds a slim, sticky add-to-cart bar to WooCommerce that appears on scroll on long product pages. It shows the thumbnail, title, price, an optional quantity field and a buy button, and on variable products it stays in sync with the native variations form. Fixed to the viewport and starting hidden, it causes zero Cumulative Layout Shift.
Works with
On long product pages the buy button disappears
A shopper scrolls through the description, photos and reviews, but the main add-to-cart button is left far up the page. The more they have to scroll back, the greater the risk the purchase never happens.
- ✗ The main add-to-cart button scrolls out of view
- ✗ Shoppers have to scroll back to the top to buy
- ✗ Heavy conversion bars slow the store down
- ✗ Many solutions shift the layout and hurt Core Web Vitals
Anchor keeps the buy button within reach
- ✓ A sticky add-to-cart bar revealed on scroll
- ✓ Position at the top or bottom, independently per desktop and mobile
- ✓ Price and availability synced with the native variations form
- ✓ Fixed to the viewport and starting hidden — no layout shift
What you get in the free version
Everything you need to keep the buy button one tap away.
Sticky add-to-cart bar
A slim bar on the product page, revealed on scroll past the main add-to-cart button.
Top or bottom position
Choose whether the bar appears at the top or the bottom of the screen, to fit your store layout.
Per-device control
Show or hide the bar on desktop and on mobile independently — for example, mobile only.
Scroll threshold
Set how far past the main button a shopper must scroll before the bar appears.
Optional elements
Toggle the product thumbnail, price and a quantity field on the bar.
Variation-aware
On variable products the bar's price, availability and buy button stay in sync with the native form.
No layout shift
The bar is fixed to the viewport and starts hidden, so it never causes Cumulative Layout Shift.
Accessible, no jQuery
ARIA region, keyboard operable, visible focus and plain JavaScript loaded only on product pages.
Up and running in three steps
Enable the bar and test it by scrolling a product page.
Install
Activate Anchor alongside WooCommerce.
Set up the bar
In WooCommerce → Anchor pick the position, devices, scroll threshold and bar elements.
Check on a product
Open a product page and scroll past the main button — the bar should slide into view.
Who it is for
When product pages are long and the buy button should always be within reach.
Long product pages
Descriptions, photos and reviews — the bar keeps the buy button reachable down the whole page.
- ✓ Revealed on scroll
- ✓ Scroll threshold
- ✓ No layout shift
Mobile stores
A bottom bar on phones, with thumbnail and price, close to the thumb.
- ✓ Mobile-only option
- ✓ Bottom position
- ✓ Quantity field
Variable products
Shoppers pick options on the page and the bar instantly shows the current price and availability.
- ✓ Variation sync
- ✓ Price and availability
- ✓ No own jQuery
Need more? Anchor PRO
FREE covers the sticky add-to-cart bar with position, device and scroll-threshold controls. Anchor Pro will add advanced placement rules, campaign scheduling and conversion analytics.
- ✓ Advanced placement rules per product and category (planned)
- ✓ Campaign scheduling for the bar (planned)
- ✓ Bar impression and click analytics (planned)
Support and resources
Every plugin has its own documentation with setup walkthroughs. Bugs and questions go to the public GitHub repository for that plugin — we answer in the open.
Frequently asked questions
Does it require WooCommerce?
Yes. Anchor only runs when WooCommerce is active.
Does it work with variable products?
Yes. The bar mirrors WooCommerce's native variations form: pick options on the page and the bar's price, availability and buy button update to match.
Will it slow my product pages down or shift the layout?
No. The stylesheet and script load only on single product pages, the script is deferred, and the bar is fixed to the viewport and hidden until needed, so it never causes Cumulative Layout Shift.
Can I show it only on mobile?
Yes. Turn off Desktop under Where to show it in the Anchor settings.
Where does the bar appear?
On the product page, at the top or bottom of the screen, after the shopper scrolls past the main add-to-cart button.
Does Anchor use jQuery?
It adds no jQuery of its own. It listens to the events WooCommerce already emits, and its script is plain JavaScript.
Can I customise what the bar shows?
Yes. You can toggle the product thumbnail, price and quantity field, and set the scroll threshold.
Does Anchor pair with Ticker and Notice?
Yes. Ticker adds a sale countdown on the product page, Notice adds a store-wide announcement bar, and Anchor keeps the buy button within reach on scroll.
Keep the buy button within reach
A sticky add-to-cart bar revealed on scroll, variation-aware and with no layout shift. The full FREE edition under GPL.
Read the docsFREE is a complete sticky add-to-cart bar — PRO will add placement rules, scheduling and analytics (planned).