1. Choose a Starting Point

First, you can start with one of the consumer level templates created by Squarespace's designers. These templates have loads of style options built-in, allowing you to achieve a high quality design quickly. If you've already started a Squarespace site and you want to enable Developer Mode, jump to step two.

Start with a Squarespace Template

Or optionally, you can start with the developer Base Template, which features very minimal styles and markup used to create a completely custom template.

Start with the Developer Base Template

NOTE: Trial sites with Developer Mode enabled do not expire, giving you as much time as you need to build your custom Squarespace site.

 

2. Register as a Developer

If you haven't already registered as a developer with your account, you must register yourself to gain access to the source code behind Squarespace templates. Instructions for registering can be found below.

The Squarespace Site Manager

Log in to your site.

Once you're logged in, you will see the configuration panel of your Squarespace site. It should look something like this screenshot.

Click "edit profile" to access your Squarespace profile information.

Edit your profile.

In the bottom left corner of the configuration panel you should see your name and avatar. Click on the avatar image and a full screen dialog box will open. Click on the edit profile link.

Fill out the developer form.

In your profile there will be a tab titled "Developer." Click on that tab and you will see a button that says "Register as a Developer." That button leads to a form that asks for some basic information about you. Once you complete and submit that form, you will have access to Developer Mode on all Squarespace templates.

 

3. Enable Developer Mode

Now that you've registered as a developer, you need to enable Developer Mode in the site where you are working. In the Site Manager, navigate to Settings -> Advanced -> Developer Mode. At the top right corner of the settings panel, there is a toggle that is set to off. Click the toggle to turn on Developer Mode.

Once Developer Mode is enabled, the developer section will display all the information you need to access the template files via Git or SFTP.

Connecting with Git

git clone https://site-name.squarespace.com/template.git

See our guide to using Git for additional details.

Connecting with SFTP

protocol: sftp
port: 2030

host/server: dev.squarespace.com
remote path (initial folder): /site-name/

username: your account email address
password: your account password

See our Answers site for help and troubleshooting SFTP connections.