See a widget on your product page

How it works

The preview fetches the product page, keeps its layout, images, and buy box, and removes the shop's own scripts. It then inserts the same widget boot markup the theme embed uses, filled with your product's name, price, and photo plus two labeled sample companions.

Quantity offers sit above the add to cart button. Frequently bought together and add-ons sit below it. That is the same placement the app uses after install.

Nothing is added to a cart, and the page is not stored. When the layout looks right, install from the Shopify App Store and build the real offer so Shopify Functions apply the price at checkout.

How to read the preview

Judge type, spacing, and whether the block belongs above or below the button. Ignore menus, carousels, and variant changes that depend on the theme's JavaScript — those stay still because the preview does not run the shop's scripts.

Sample companions are not products from the catalog. After install you choose the real companions, tiers, and discount. The parent row uses the product on the link you pasted.

When the frame stays empty

A password page, a challenge page, or a headless storefront has no buy box in the HTML, so the preview stops and explains why. Online Store themes that render the product form on the server are the pages this tool is for.