Shopify Buy Button Plugin – Retirement Notice

Shopify Buy Button Plugin – Retirement Notice

Our Shopify Buy Button plugin has now been retired and is no longer supported.

This means we are not providing updates, fixes, or installation assistance for this plugin going forward. If you already have it installed, it may continue working for you, but we cannot guarantee long-term compatibility with Squarespace or Shopify updates. Squarespace are releasing a major update to Store and Product pages on 02 September 2025 and this is likely to break a wide range of code solutions, including the Shopify Buy Button plugin.

Can I still achieve a similar result?

Yes. Although the plugin itself is retired, you should be able to use the following snippet of unsupported code to reposition the Shopify Buy Button inside your Squarespace product layout. This complimentary code is a direct replacement for the code that was installed in the Code Injection Footer panel.

<!-- Shopify Buy Button positioning ------------------------------------>
<!-- You may use freely on Squarespace but do not publish -------------->
<!-- Copyright 2019-2025 Soundfocus Digital Ltd [www.sf.digital] ------->
<script>
function sfMoveShopifyButton(){
  var btn = document.querySelector("div[id^='product-component']"),
      target = document.querySelector(".product-add-to-cart");
  if (btn && target) target.appendChild(btn);
}
window.addEventListener("mercury:load", sfMoveShopifyButton);
document.addEventListener('DOMContentLoaded', sfMoveShopifyButton);
</script>

Important notes

  • This code is provided as-is and is not officially supported.

  • We cannot offer troubleshooting or customisation help for this snippet.

  • As Squarespace and Shopify continue to evolve, there’s no guarantee this method will always work.

Recommended alternatives

If you’re starting fresh or want a more stable long-term solution, we recommend using Squarespace’s built-in commerce features or building directly on Shopify, rather than mixing platforms.