Search code examples
htmlsquarespace

Can we manually define all the HTML for one page of a Squarespace site, and use their UI for the other pages?

I have a single complete HTML file which describes a webpage, and I would like to use this as the homepage for a Squarespace site. I would then like to design the other pages of the site as normal with the Squarespace editor UI, and have links to these pages from the homepage.

Does anyone know if it this can be done, and we can edit the HTML of a blank page from scratch in SqSp? I am aware of Code Blocks, but I can only seem to add a code block within an existing template.

Many thanks

Solution

  • For templates using Squarespace 7.0 (as opposed to 7.1 which at time of writing is the version that powers the templates currently promoted on Squarespace's website), this can be accomplished only by enabling Developer Mode and then making use of either static pages or a custom .region file, or both. This is something I do frequently.

    As a disclaimer, I would not recommend enabling dev. mode on a live site or a site you have heavily invested time into unless you are experienced with dev. mode or are a very experienced developer in general. That is because there are consequences to enabling developer mode.

    Besides the method described above, there are two other alternatives:

    1. Use JavaScript to rewrite the page, which of course has its own drawbacks.
    2. Use CSS to hide everything but the main body of the page, then use a code block in the body, pasting your code in there. Depending on your HTML, that might not work properly.