In Squarespace, you can add HTML code to
- Site wide Code Injection (Footer): HTML will appear on All Pages
- Site wide Code Injection (Lock Page): HTML will appear on Lock Screen
- Site wide Code Injection (Order Cofirmation): HTML will appear on Order Confirmation Page
- Individual Page Header Injection: HTML will appear on that page only
- Code Block (or Markdown Block): in Footer or Page Content, so HTML will appear on all pages or One Page.
#1. Site wide Code Injection
Click Website Tools (under Not Linked)
Click Code Injection
You can add HTML code here
or here
or here
#2. Individual Page Header Injection
Hover on Page > Click the Gear icon
Click Advanced > Look at the right side.
#3. Code Block/Markdown Block
When you add block, you can choose this.
#4. Notes
- If you add HTML code to the Page Header Injection of the Collection Page (Blog, Event, Product, Portfolio), HTML will appear on both the List Page + Detail Pages.
- HTML tag with no value, it will appear as blank and show nothing, for example, anchor tag, <div id=”projects”></div>
- If you are not familiar with code, you need to clearly distinguish between HTML – CSS – JavaScript code, to avoid inserting it in the wrong place.