Adding Custom Code

One of the things that you can do to customize your website is to add custom code. This resource from Squarespace Support will provide you with a lot of the information you need to get started.

If you are not comfortable with HTML, CSS and/or JavaScript coding then take a look at a couple of the other resources I’ve listed under Web Resources:

 
  • Learning Web Design and W3Schools.com both of which provide a wealth of info on those forms of coding.

  • Another trick to learn is to use the Developer Tools in the Google Chrome browser. You can use the Chrome Developer Tools to isolate what selectors to use to make customizations to very specific elements of your website. You then form those properly and add them to Home > Design > Custom CSS.

In Google Chrome Browser, use Developer Tools to find selectors.

 
 
Learning can be Fun!

It might look hard at first, but learn to “learn by playing” and experiment with it a bit. Make it fun. Adopt the mantra of “nothing like a good challenge.” You will get the hang of it, one step at a time. Make notes of each thing you do, so you can remember the details and back-track when needed. Those notes are a form of programming, an algorithm really. Oh, and make friends with your two new best friends, Trial and Error. Great pals they are, indeed.

 
 

 

Adding custom HTML, CSS, and JavaScript

(Custom Code by Squarespace Support)

Squarespace helps you build a site without coding or design expertise. When you add a block, you're actually adding HTML to your site without writing the code yourself. Similarly, when...

Custom code FAQ

This guide reviews common questions about adding custom code to Squarespace sites. Does Squarespace support custom code? The Squarespace platform has built-in features for adding custom code, including the Code...

Squarespace Developer Platform FAQ

The Squarespace Developer Platform gives complete access to the underlying code of your site's template. Some of the world's top brands, artists, and creative agencies trust the Squarespace Developer Platform...

Using the CSS Editor

If you have coding knowledge and want to customize your site beyond the adjustments you can make in Site Styles, you can add CSS code using the CSS Editor. CSS...

Using Code Injection

You can add custom code and scripts to your site using the Code Injection area in Advanced Settings. This is a Premium feature available in the current Website Business plan...

Squarespace Answers forum FAQ

Answers is a peer-to-peer forum for sharing solutions that fall outside the scope of Squarespace Customer Care. These solutions involve code modifications, third-party integrations, and advanced tools like the Squarespace...

Disabling scripts in preview

Custom code in your site’s Code Injection area can sometimes prevent you from securely editing your site. You’ll see this message at the bottom of your site if your code...

Visit the page »