To load your Tumult Hype document within Squarespace, you’re going to need to host your exported files elsewhere. The steps below show how to add a ‘code’ block to Squarespace V6:
Before you start, make sure that the area you are placing your Tumult Hype document is the same size as your document, or larger. Since many Squarespace themes also have mobile layouts, keep in mind that sometimes your Tumult Hype document won’t appear perfectly on smaller screens.
On your page where you’d like to place your Hype document, switch into Edit mode. Click ‘Add Block’, or use a ‘Code Injection Point.’
Click the ‘code’ button:
In the resulting window, click the ‘Display Source’ (#1) button so that you can paste HTML code.
Within your ‘resources’ folder, you will have a .js file that needs to be referenced in the code editor in Squarespace. This file should be accessible from the web, so you can test that you have the correct URL by trying it in your browser:
Then, click Save and your document should appear. That’s it! Let us know if you have any questions with this process.