Skip to content

Getting started

Most shops can show the sticky bar in a few minutes. Install, open the Anchor settings, then scroll a product page.

  • WordPress 6.5 or newer
  • WooCommerce 8.0 or newer (HPOS and Cart/Checkout Blocks supported)
  • PHP 8.1 or newer
  1. Install WooCommerce and make sure it is active.
  2. Install Anchor from the plugin directory (when live on WordPress.org) or upload the anchor folder to /wp-content/plugins/.
  3. Activate the plugin.

Open WooCommerce → Anchor in wp-admin:

  • Position — show the bar at the top or the bottom of the screen.
  • Where to show it — enable or disable on desktop and on mobile independently.
  • Scroll threshold — how far past the main add-to-cart button the shopper must scroll before the bar appears.
  • Elements — toggle the product thumbnail, price and a quantity field.
  1. Open a simple product and scroll past the main add-to-cart button — the bar should slide into view.
  2. Open a variable product, pick options on the page — the bar’s price, availability and buy button should update to match.
  3. Resize to mobile (or open on a phone) — confirm the bar respects your per-device setting.
  4. Confirm there is no layout shift: the bar is fixed to the viewport and starts hidden.

The stylesheet and script load only on single product pages, and the script is deferred. The bar is an ARIA region, keyboard operable with visible focus and screen-reader text, and it respects prefers-reduced-motion.

The free edition covers the sticky bar with position, device and scroll-threshold controls, optional thumbnail/price/quantity, and variation-aware price/availability sync.

Anchor PRO (planned) adds advanced placement rules, campaign scheduling and conversion analytics — not basic sticky-bar access.