Button position
Use Try-On → Designs → Button position to choose Floating or Custom element. New configurations use a floating button at the bottom right.
Use a floating button
- 1
Choose Floating
Set Position to Floating.
- 2
Choose a position
Select Bottom right, Middle right or Top right. Check for overlap with other storefront controls.
- 3
Save and test both layouts
Click Save, refresh a product page and check desktop and mobile. The app preview cannot account for every other widget installed on your theme.
Place it beside a custom element
- 1
Choose Custom element
Set Position to Custom element.
- 2
Enter a CSS Selector
Use a selector matching the intended element in your product template, such as a stable product-information container. The selector is required in this mode.
- 3
Choose Before or After
Set Placement relative to the matched element, then save and verify the location on the storefront.
Near Add to Cart
The current position picker offers Floating and Custom element. Dedicated Before/After Add to Cart options are hidden for new selections, although older saved configurations can still use them. Use Contact us in this section for help placing the button near Add to Cart or the price.
If placement is wrong
A selector must match the element on the actual product template and should avoid unrelated forms or quick-view containers. If a theme update changes that element, revise the selector. Switch to Floating and save to check whether the problem is specific to your custom position.
Need help?
Open Support in the Shopify app, or contact us with your store address and what you are stuck on.