Skip to content

Add to Cart and Buy Now Buttons

The Add to Cart button should be visible beside the variant selector without requiring the shopper to scroll. A button that appears only after the shopper has made all choices, or that is hidden below the fold, will be missed.

About this path

Level
Intermediate
Reading time
About 4 minutes
Sections
3
Account needed
No

Written for store owners, builders, and designers refining high-performance ecommerce stores.

Foundation · 2 min

What you need to know

Where should the button go?

Place the Add to Cart button directly beside or below the variant selectors on every product page. The button should remain visible as the shopper makes choices and should not move when a selection changes.

What happens when a variant is missing?

If a combination is out of stock, disable the button and say so clearly. Do not remove the button silently; a shopper who sees no action available may assume the page is broken.

What is Buy Now?

Buy Now takes the shopper directly to checkout with the selected item. It is useful when shoppers typically buy one item at a time. Check that it skips the cart correctly and completes a real order before enabling it.

What to check in your store

Open a product page on a phone. Confirm the Add to Cart button is visible without scrolling after selecting a variant. Test a sold-out variant and confirm the button state and message are clear.

Foundation · 2 min

Frequently asked questions

Should every store add a Buy Now button?

Not necessarily. If most orders contain more than one item, a Buy Now button that skips the cart may reduce the average order value. Test the button’s effect on order size before making it the primary action.

Where do I change purchase buttons?

Use the verified ZenBasket theme and product settings, then test every button state — available, out of stock, and selected — on the published store.

Ready for the next stage?

Continue through the Academy sequence to apply advanced optimization and scaling techniques.

Start Advanced techniques