Embedding Your Site on Squarespace

SquareSpace has a number of different templates and so the normal embed codes may not work.

We've found the following instructions to work on some SquareSpace templates where the standard instructions do not work.

Main body of the page:

1. Create a new page for your Inventory / myTurn functionality
2. Place any normal code on the page
3. Where you want your inventory to appear you'll need to add a "Code" (</>) block
4. In that code block, replacing "YOURSITE" with your actual myTurn site, add the following code:

<div id="myturn-embed-frame"><iframe src="https://YOURSITE.myturn.com/library/inventory/browse?embed=true" width="100%" scrolling="no" style="border:0;"></iframe></div>

and be sure to save.

Header settings:

1. Go to the Settings for the Page (not the whole site)
2. Click on the "Advanced" tab at the top right
3. In the "Page Header Code Injection" enter the following information:

<style>iframe{width: 1px;min-width: 100%;}</style> 

<script type="text/javascript" src="https://YOURSITE.myturn.com/library/assets/ui/plugins/iframe-resizer/iframeResizer.min.js"></script>

<script>function myturnResize() {var isOldIE = (navigator.userAgent.indexOf("MSIE") !== -1);iFrameResize({heightCalculationMethod: isOldIE ? 'max' : 'lowestElement'});}document.addEventListener("DOMContentLoaded", myturnResize);window.addEventListener("mercury:load", myturnResize);</script>

and again, be sure to save. 

The second <script> above was updated on 2020-10-05 to work around issues caused by changes to some SquareSpace tempaltes.