Embed Testivora on Squarespace
Squarespace's Code block accepts the auto-height snippet. Takes 3 minutes on any template.
Open the page editor
In your Squarespace dashboard → Pages → click the page where the wall goes. Click 'Edit' top-right to enter the visual editor.
Add a Code block
Hover the section where you want the wall → click the blue “Add Block” bar → in the “More” tab find “Code”.
Squarespace opens a code editor with a “Mode” dropdown. Make sure it says HTML. Paste this:
<div data-tv-wall="TU-SLUG"
data-layout="masonry"
data-theme="auto"
data-color="ea580c"></div>
<script async src="https://testivora.com/embed.js"></script>Disable 'Display Source'
Below the editor, make sure “Display Source” is UNCHECKED (otherwise Squarespace shows the literal code instead of executing it). Click outside the block to save.
Publish
Click “Save” top-left corner. Changes go live instantly on your domain. If you change the snippet later, just save again.
If something doesn't work
Squarespace is strict with scripts. Common cases:
- Code block missing from 'More': You're on Personal plan. Upgrade to Business minimum, or use an external page linked in your menu.
- Display Source got checked: If you see your literal code on the published page, go back to the block, edit it, and uncheck 'Display Source'. Squarespace leaves it checked by default sometimes.
Need to change layout, color, or theme? Tweak it from your admin — changes reflect instantly without touching the code.