How to replace a page with a Spreadshop shop

Let's say you have built a Spreadshop shop page and you want to host it at Brick.

Use the "Manage head tags" feature, and add the following snippet:

<script>
  var style = document.createElement('style')
  style.textContent = '[display="none"], #root {display:none}'
  document.head.append(style)
  var spread_shop_config = {
    shopName: 'SHOP_ID',
    locale: 'us_US',
    prefix: 'https://SHOP_ID.myspreadshop.com',
    baseId: 'myShop'
  };
  var onload = function onload() {
    document.body.id = 'myShop'
    var script = document.createElement('script')
    script['src'] = 'https://SHOP_ID.myspreadshop.com/shopfiles/shopclient/shopclient.nocache.js'
    document.body.appendChild(script)
  };
  if (window.addEventListener) {
    window.addEventListener('load', onload)
  } else {
    window.attachEvent('onload', onload)
  }
</script>

Please replace SHOP_ID with your shop ID as described here: https://help.spreadshop.support/hc/en-us/articles/360010529039-Website-Integration-with-JavaScript. You will have to do this in three places inside the snippet.