How to add a sticky buy button to a product or landing page

Steps

1. Open the page: Online Store → Theme Settings → page selector → Product, or open a landing page from Landing Pages.
2. Click the + icon (Add Blocks), search for Sticky Cart and drop it on the page body — not inside a section. Hover the block in the list to pick one of the 2 designs under Available Variants.
3. Select the block and open Settings:
   • Action text — the label (default Add To Cart).
   • Button Role — Add to cart adds the product directly, Scroll moves the visitor down the page instead.
   • Show only after passing form — hides the button until the visitor has scrolled past the Express Checkout order form; Express Checkout Threshold (default 0) fine-tunes that point.
   • Button Icon, Icon Position, colours and Button Animation.
4. Click Save, then check the page is Published. Use Preview to scroll the live page and see the button behave.

Common problems

• The button never shows→Show only after passing form is on but the page has no Express Checkout block. Turn the option off or add the order form.
• It scrolls instead of adding to cart→set Button Role to Add to cart.
• I cannot drop it inside my product section→it is a page-level block; drop it on an empty area of the page or move it to the top level in Design Layers.
• It shows on my landing page but not on the store product page (or the reverse)→the two are built separately; add the block in each builder.

Related

• How do I set up a floating button that jumps to express checkout?
• How do I add an Express Checkout form to my landing or product page?
• Customize the order form fields (name, phone, city, address, note)
• Add, move, copy and delete blocks on a page