How to add custom code to Squarespace 7.0 vs 7.1
On both Squarespace 7.0 and 7.1, most custom code is added with Code Injection, Code Blocks, Custom CSS, or Embed Blocks. The main 7.0-only difference is the old Developer Platform, which allowed deeper template-level customization than standard code injection.
For most users, adding custom code on Squarespace means choosing the right tool:
- Code Injection for site-wide scripts or page-head code.
- Code Blocks for page-level embeds.
- Custom CSS for styling.
- Embed Blocks for supported external embeds.
That core setup is similar on 7.0 and 7.1. The real version split shows up when you need deeper template access. Squarespace’s Developer Platform is a 7.0 feature, not a 7.1 feature.
How to do it in Squarespace 7.0 vs 7.1
On both versions, site-wide code lives in the Code Injection panel, where header code loads in the <head> and footer code loads before </body>. For one page only, use Page Header Code Injection inside that page’s Advanced settings — see Squarespace’s guide to adding custom code to your site. Blog pages can also inject code into every blog post.
The main 7.0 difference is that some advanced users historically used the Developer Platform to edit underlying template code. That is separate from ordinary Code Injection and is not how most plugin installs work.
The main 7.1 difference is that you are usually working in sections and blocks, so page-level embeds often feel more modular, but the actual code-entry options are still Code Injection, Code Blocks, Custom CSS, and embeds.
When you need a plugin / what solves this easier
If your goal is “add filtering,” “add tables,” or “add maps,” you usually do not want to hand-build the feature from scratch. A plugin is faster to maintain than a custom-code one-off.
For Squarewebsites products, the practical rule is simple: use site-wide Code Injection when the plugin documentation calls for header/footer install, and treat page-level Code Blocks or Markdown blocks as workarounds when plan limits force it.
Common gotchas
- Code Injection is for HTML/scripts, not your main CSS workflow.
- Checkout pages do not support code.
- Code on index landing pages can behave differently on older 7.0 setups.
- Embedded code may look inactive while you are editing; preview the live page in safe mode or incognito.
- If you are on a lower plan, some JavaScript-based installs may need a workaround instead of the clean site-wide path.
Related
- Which Squarespace plan do I need to use plugins and code injection?
- How do I add a plugin to my Squarespace site?
- Do Squarewebsites plugins conflict with other Squarespace code injections?
- Universal Filter
Have a correction or a Squarespace tip we missed? Email info@squarespacewebsites.com
See the full 7.0 → 7.1 Migration product page on squarewebsites.org for live pricing, demos, and setup details.
Sources: squarewebsites.org · squarewebsites.org · support.squarespace.com · support.squarespace.com · support.squarespace.com