Can you add HTML to Squarespace | Step by step guide
One of the most common questions I get asked as a Squarespace web designer is, can you add HTML to Squarespace websites?
Squarespace is famous for being a “no-code” drag and drop website builder that requires no web design skill or coding experience. And whilst that is true, it doesn’t mean that you can’t utilise code to make your Squarespace website even further.
So the short answer is yes, you can add HTML to Squarespace websites. Let’s take a look at how.
Watch the video
Check out the YouTube video below 👇
There are a few places where you can add HTML to Squarespace. The first and main way is:
Settings > Developer Tools > Code Injection
This allows you to add HTML to both your header and your footer. You literally just need to paste it into the HTML boxes.
The second way to add HTML to Squarespace is:
Pages > Click cog of target page > Advanced
Here you’ll be presented with a code box that you can inject (paste) custom code that you want to include in the page’s header.
📩 Join the inner circle to get exclusive code updates
The final way is to navigate to the edit dashboard for the specific page and add a code block. Here you can paste your code.
You can also select an embed block instead where you can embed a code snippet or you can add a markdown block where you can add a markdown or HTML.
As you can see, not only can you absolutely add HTML to Squarespace, there are various different ways for you to do so!
Found this article useful? Make sure you check out all the by Crawford Squarespace resources!
Your designer
I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.
![Change Image on Hover on Squarespace [Expert CSS Tutorial]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1734637197072-N9LJ533IBD9A8TB1L2PB/image-asset.jpeg)
![Squarespace Fluid Engine [Full Guide For 2025]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1732876855307-CNU9QW1S8X6OQG115MVO/unsplash-image-AXNZb4FEkh8.jpg)
![Squarespace's New Donation System Explained [Completely Changed!]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1731683295274-SDCFS14TT00H4G8P7ENW/image-asset.jpeg)
![Enable Product Add-Ons on Squarespace [Ecommerce Guide]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1731683229674-36U2OLGWH9VZBAZHEEV0/unsplash-image--PD8WDbSxVQ.jpg)
![[Squarespace Tutorial] Add Borders Between Sections](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1731090333759-ZZAO54MCDPK4WATZG6KJ/unsplash-image-t_j9CcArkiI.jpg)
![Squarespace Hide Carousel List Section Arrows on Mobile [Simple CSS Tutorial]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1730460043848-DY5CEK0T97E9TLNZJE77/unsplash-image-zF_pTLx_Dkg.jpg)
![Create a Subdomain on Squarespace [Full Expert Guide]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1730459083824-KGQA08MALGJ6A51LP2LG/image-asset.jpeg)
![Customize Your Back End Menus on Squarespace [Build Your Own Layout!]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1729866898420-ACB94ZJDM6TWOCGSBMSA/image-asset.jpeg)
