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.
![How to Create a Blog on Squarespace [2024 Updated Guide]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1714717173513-VJRULO4YYKAH3K8G62CS/image-asset.jpeg)
![How to Create a Squarespace Video Gallery [2024 Guide]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1714675731827-UFKWVTWFOSNM49TZXS5B/image-asset.jpeg)
![Hide Header and Footer on One Page Only on Squarespace [NO-CODE UPDATE]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1714216709774-JISY11KWQP798EX0JQNQ/image-asset.jpeg)
![How to Hide a Page on Squarespace [2024 Step-by-Step Guide]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1714718816812-VG7Q54ICWO439K3FNHSN/image-asset.jpeg)
![Squarespace Contact Forms UPDATE [New Features Released]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1712484570192-AUWBT0LE3G5Q45UF7BCZ/image-asset.jpeg)
![Add a Vertical Line to a Page on Squarespace [Easy Code]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1711553569468-Y5OR2YS3HSLAYUEALVG6/image-asset.jpeg)
![[NEW FEATURE] Add Paywall to a Squarespace Blog](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1711129428606-83ZUXS4NUKQE0QGXDSUT/image-asset.jpeg)
![How to Show a Different Image on Hover [Squarespace Code Tutorial]](https://images.squarespace-cdn.com/content/v1/5f53b4dad693da2d34e4e397/1711129257275-P3IEYMXRMEW1O69KDWK3/image-asset.jpeg)
