Shopify Buy Button Example Apr 2026

Depending on your marketing goal, you can replace 'Add to Cart' with: : 'Buy Now' or 'Purchase Now' . Engagement : 'Get it Now' or 'Claim My Sample' . Inventory Status : 'Preorder Now' . Checkout Intent : 'Checkout' . How to Update Existing Buttons

The is a code snippet you embed on external websites to let customers purchase products instantly. You can customize its text (e.g., "Add to Cart" or "Purchase Now") directly within the embed code using the text configuration object. Buy Button Code Example shopify buy button example

ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: 12345, // Your Product ID options: { product: { buttonDestination: 'cart', contents: { description: true }, text: { button: 'Add to Cart' // <--- PROVIDE BUTTON TEXT HERE }, styles: { button: { 'background-color': 'blue', ':hover': { 'background-color': 'darkblue' } } } } } }); }); Use code with caution. Copied to clipboard [Source: Shopify Help Center , Shopify GitHub Documentation] Depending on your marketing goal, you can replace