Checkout UI extension This app adds a block to your Shopify checkout that offers shoppers an extra before they pay. Today it shows a banner with an Add a free gift to my order button. When a shopper clicks the button, the app tags their checkout with a cart attribute so your team can see they asked for the gift. Step 1 Shopper reaches checkout The banner renders in the checkout page, at the purchase.checkout.block.render target. Step 2 Shopper clicks the button "Add a free gift to my order" runs the extension's click handler. Step 3 Attribute is saved The checkout gets the attribute requestedFreeGift = yes. The attribute is stored on the checkout and carried onto the order as a custom attribute. Open any order in the Shopify admin and look under Additional details for requestedFreeGift. Attribute written by the extension key: requestedFreeGift value: yes The button only records the request. It does not add a product to the cart or change the price. A discount, automation or manual step is needed to fulfil the gift. In checkouts that don't allow cart attribute updates (such as draft order invoices), the extension shows a warning that attribute changes aren't supported instead of the button. Name you-may-also-like-extension Type Checkout UI extension Target purchase.checkout.block.render API version 2026-01 Languages English, French Open the checkout editor in your theme settings. Add the "you-may-also-like-extension" block. Position it and save. Open checkout editor