{"id":20755,"date":"2025-08-27T11:00:00","date_gmt":"2025-08-27T05:30:00","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=20755"},"modified":"2026-01-03T13:17:49","modified_gmt":"2026-01-03T07:47:49","slug":"add-buy-button-in-shopify","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-buy-button-in-shopify\/","title":{"rendered":"How to Add a Buy Button in Shopify?\u00a0"},"content":{"rendered":"\n

The Shopify Buy Button lets you sell products beyond your store by embedding them on blogs, landing pages, or other websites, allowing customers to purchase without leaving the page. <\/p>\n\n\n\n

Unlike the Buy Now button, which only streamlines checkout within your Shopify store, the Buy Button acts as a portable sales tool you can place anywhere online. <\/p>\n\n\n\n

Here are the exact steps to add a Buy Button in Shopify and start selling everywhere.<\/p>\n\n\n\n

How Does a Buy Button on Shopify Work?<\/h2>\n\n\n\n

The buy button on Shopify isn’t limited to traditional websites.<\/p>\n\n\n\n

When you create the Shopify buy button, it generates a code that you need to embed on other websites and pages.<\/p>\n\n\n\n

When shoppers visit that specific page and click on the buy button, they are either redirected to your Shopify checkout page, shown the product details, or add the product to the cart.<\/p>\n\n\n\n

You have the control to set this action from the Shopify backend. <\/p>\n\n\n\n

For example, as shown in the screenshot below, by clicking the Air Jordan 1 Mule buy button, the customer will be redirected to the checkout page to complete their purchase. <\/p>\n\n\n

\n
\"Example<\/figure>\n<\/div>\n\n\n

The Shopify Buy Button turns any website or blog into a sales channel, with all orders syncing seamlessly to your Shopify admin.<\/p>\n\n\n\n

It creates a direct path from browsing to purchase and is perfect for promoting single products, featured collections, or items highlighted in blog posts and landing pages.<\/p>\n\n\n\n

But every merit comes with its demerits; the Buy Button doesn\u2019t replace a full online store. Hence, not suitable for stores with large inventories where customers expect a rich shopping experience. <\/p>\n\n\n\n

How to Create a Shopify Buy Button? <\/h2>\n\n\n\n

Adding a buy button to Shopify is a straightforward process; You will have to install the Buy button channel app <\/a>(free) from the Shopify App Store.<\/p>\n\n\n\n

This app lets you generate the necessary embed code to sell products or entire collections on other platforms like Wix, WordPress, and Squarespace.<\/p>\n\n\n\n

Let\u2019s see how to add this to a specific product and collection.<\/p>\n\n\n\n

Create a Buy Button for Product and Collection<\/h3>\n\n\n\n

Follow the following steps to add a buy button for any product or collection.<\/p>\n\n\n\n

Go to the Shopify admin > Settings > Apps and sales channels > Shopify App Store<\/strong><\/p>\n\n\n\n

Search for the app Buy Button channels <\/strong>and install it. <\/p>\n\n\n

\n
\"Buy<\/figure>\n<\/div>\n\n\n

Click Create a Buy Button<\/strong>.<\/p>\n\n\n

\n
\"Create<\/figure>\n<\/div>\n\n\n

Select the options you want to create a buy button for.<\/p>\n\n\n

\n
\"Select<\/figure>\n<\/div>\n\n\n

Choose the product\/collection from your catalog, or use the search to find. You can only select one product or one collection. <\/p>\n\n\n

\n
\"select<\/figure>\n<\/div>\n\n\n

[Choose a product]<\/em><\/p>\n\n\n

\n
\"select<\/figure>\n<\/div>\n\n\n

[Choose a collection]<\/em><\/p>\n\n\n\n

Click Select<\/strong>.<\/p>\n\n\n\n

From here, you can customize the button style, layout, and more. <\/p>\n\n\n

\n
\"edit<\/figure>\n<\/div>\n\n\n

[Customize the product buy button]<\/em><\/p>\n\n\n

\n
\"edit<\/figure>\n<\/div>\n\n\n

[Customize the collection buy button]<\/em><\/p>\n\n\n\n

Once you finish customizing the button, click Next <\/strong>to copy the code for it.<\/p>\n\n\n\n

You can keep customizing the code if you want, or click copy code <\/strong>to paste it into the HTML editor of any webpage you desire.<\/p>\n\n\n

\n
\"Copy<\/figure>\n<\/div>\n\n\n

How to Add Shopify Buy Buttons on Sales Channels<\/h2>\n\n\n\n

Here we will see the process to add buttons to various sales channels, which are supported by the Buy Button Shopify app: WordPress, Squarespace, and Wix <\/p>\n\n\n\n

Add Shopify Buy Button to WordPress<\/h3>\n\n\n\n
    \n
  • From your WordPress dashboard<\/strong> > posts or pages<\/strong><\/li>\n\n\n\n
  • Inside the block editor, click the +<\/strong> button<\/strong> > Custom HTML > Custom HTML block<\/strong><\/li>\n\n\n\n
  • Paste the embed code<\/li>\n\n\n\n
  • Click Preview<\/strong> on the block toolbar for the preview of the buy button<\/li>\n\n\n\n
  • Click the Save Draft, Preview, or Publish<\/strong> button for your post\/page<\/li>\n<\/ul>\n\n\n\n

    Add Shopify Buy Button to Squarespace<\/h3>\n\n\n\n
      \n
    • From your Squarespace dashboard<\/strong>, open the webpage where you want to add the embed code<\/li>\n\n\n\n
    • Find the element on the page where you want the Buy Button, move your cursor over there, and then click Edit<\/strong><\/li>\n\n\n\n
    • Click the insert point and then, in the More section of the Content Blocks<\/strong> dialog, click Code<\/strong><\/li>\n\n\n\n
    • From your Shopify admin<\/strong>, copy the embed code and paste it into the Squarespace dashboard<\/li>\n\n\n\n
    • Click Apply <\/strong>and click Save<\/strong><\/li>\n<\/ul>\n\n\n\n

      Add Shopify Buy Button to Wix<\/h3>\n\n\n\n
        \n
      • From your Wix account<\/strong>, find the site you want to edit in the My Sites section, and then click Edit Site<\/strong><\/li>\n\n\n\n
      • In the Wix Website Editor<\/strong> ><\/strong> Plus sign (+)<\/strong> > More<\/strong><\/li>\n\n\n\n
      • Click HTML Code<\/strong> to add the code, click Enter Code<\/strong><\/li>\n\n\n\n
      • Then paste the embed code in the Add your code here<\/strong> field and then click Update<\/strong><\/li>\n\n\n\n
      • Resize the HTML code and click Save<\/strong><\/li>\n<\/ul>\n\n\n\n

        Frequently Asked Questions<\/h2>\n\n\n\n

        1. Is the Shopify Buy Button Free?<\/h3>\n\n\n\n

        Yes, the official Shopify Buy Button channel is completely free and is included with all Shopify subscription plans.<\/p>\n\n\n\n

        2. How to Add the Buy Now Button on a Shopify Product Page?<\/h3>\n\n\n\n
          \n
        • Open your Shopify admin > Online Store > Themes<\/strong><\/li>\n\n\n\n
        • Find the theme you want to edit and click Customize<\/strong><\/li>\n\n\n\n
        • In the theme editor, select Products > Product information > Buy buttons<\/strong><\/li>\n\n\n\n
        • Check the box for Show accelerated checkout buttons<\/strong> to enable the Buy Now button.<\/li>\n\n\n\n
        • Click Save<\/strong><\/li>\n<\/ul>\n\n\n\n

          3. What are some examples of the Shopify Buy Button?<\/h3>\n\n\n\n

          Buy Button in email campaigns or social media, embedded cart, buy button with full product details, product image, and price.<\/p>\n\n\n\n