Free Tool
Page Scaffolder
Generate all files needed for a new Squarespace Dev Mode page in one click.
Why this matters
Creating a new page in Squarespace Dev Mode requires multiple files — a config file, an HTML template, a stylesheet, and more. Miss one and things break. This tool generates every file you need in one click, so you can focus on design instead of file management.
0/30 characters. Lowercase, hyphens only. No periods.
Renders as the <title> tag via the .conf file.
Renders as <meta name='description'> via the .conf file.
Used to scope styles. Derived from the stem.
Add sections to scaffold placeholder HTML and LESS blocks.
Unlock sections builder, LESS & JSON-LD options
How Dev Mode Pages Work
Creating a page is a 3-step sequential process. The scaffolder generates all files upfront so you can move through each step quickly.
Create page-name.page.conf
The .page.conf extension triggers Squarespace to register the page in its CMS. Push this file to your repo and wait for it to appear in the admin panel.
Rename to page-name.conf
Once the page appears in the admin panel, rename .page.conf to .conf. This drops the page from the admin panel while keeping it live. The .conf file continues to serve the title and meta description.
Build your page in page-name.page
The .page file is a partial HTML template injected into { squarespace.main-content } in site.region. No doctype, html, head, or body tags needed. This file exists from the start and never changes extension.
Remember: Add page-name.less to the stylesheets array in your template.conf for it to compile. @import is broken on Squarespace.
A little over your head?
No shame — this stuff is hard. Let the pros handle it.
