Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 2
rodvaldr

How to find which template is being used?

Question

Is there a simple way to detect which template is being implemented on a Squarespace web site? Page source? Code inspector?

All clues are welcome.

/rodvaldr

Edited by rodvaldr
Tidy

100% Squarespace since 2014. Expertise in design, typography and communications. Based in Stockholm, Sweden. Check my portfolio at designby.red and explore my free code snippets at codeby.red

Share this post


Link to post

Recommended Posts

  • 8

Here's the full list of IDs for live templates.

Looking through the list it seems that there are 21 core templates.

  • Montauk has one variant - Om
  • Aviator has 2 variants - Aubrey and Encore
  • Marquee has 3 variants - Adversary, Alex and Shift
  • Bedford has 3 variants - Anya, Bryant and Hayden
  • Pacific has 2 variants - Fulton and Horizon

The rest are unique.

More: How to find out which Squarespace template a site is using

Template templateId
Adirondack 5093f261e4b0979eac7cb299
Adversary 515c7bd0e4b054dae3fcf003
Alex 515c7bd0e4b054dae3fcf003
Anya 52a74dafe4b073a80cd253c5
Aubrey 507c1fdf84ae362b5e7be44e
Avenue 4fd11f32c4aad9b01c9e624c
Aviator 507c1fdf84ae362b5e7be44e
Bedford 52a74dafe4b073a80cd253c5
Boutique 4fdf4f21c4aad4a72790bd9b
Bryant 52a74dafe4b073a80cd253c5
Dovetail 4fef25bbe4b0ea9df05ac51e
Encore 507c1fdf84ae362b5e7be44e
Five 503ba86de4b04953d0f49846
Flatiron 4fba57fde4b0f79d428daa8b
Forte 51e6b9e4e4b062dafa7099b9
Frontrow 4fb6ba24e4b000ba644d8298
Fulton 52e96934e4b0ea14d0f64568
Galapagos 5230da18e4b0a637f7e627c5
Hayden 52a74dafe4b073a80cd253c5
Horizon 52e96934e4b0ea14d0f64568
Ishimoto 4fb7a14224ac99c5fee12515
Marquee 515c7bd0e4b054dae3fcf003
Momentum 50130f5be4b00a22f5c5a82a
Montauk 50521cf884aeb45fa5cfdb80
Native 4f6a1392e4b07090d46e7ec9
Om 50521cf884aeb45fa5cfdb80
Pacific 52e96934e4b0ea14d0f64568
Peak 500589fc84aed5ec11c2b672
Shift 515c7bd0e4b054dae3fcf003
Supply 5253022fe4b0d0363260861e
Wells 4f9adc1524ac5df956fdf98f
Wexley 4fbff70b84aeca67fb3a3c56
Edited by silvabokis
Prettify list

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 4

Well, there is a (non-visual way) to sniff out what Squarespace template is in use. Seems like every template has an unique ID. Search the page source for "template" and you will find a string that looks something like this:


"templateId":"51e6b9e4e4b062dafa7099b9"

In this case the string identifes the template as a "Forte" template.

Other examples:

  • Momentum – 50130f5be4b00a22f5c5a82a
  • Avenue – 4fd11f32c4aad9b01c9e624c
  • Shift – 515c7bd0e4b054dae3fcf003

And so on.

The reference templates can be found at http://squarespace.com/templates/

/rodvaldr


100% Squarespace since 2014. Expertise in design, typography and communications. Based in Stockholm, Sweden. Check my portfolio at designby.red and explore my free code snippets at codeby.red

Share this post


Link to post
  • 3

Here's a bookmarklet I adapted from someone else awhile ago. Head over to http://squarefront.com/template-info and drag and drop the link to your bookmark bar to create a bookmarklet.

alt text

Edited by jasonbarone

  • 🚀Founder at Squarefront, the global community of Squarespace builders.
  • 🎥Documenting the process of building Squarefront on YouTube.
  • 🚗Senior Design Engineer, Design Platform at Uber.
  • 🍕Connect with me on Instagram, Twitter and Linkedin.
  • Need help with Squarespace? I've used the platform for well over 10 years and have helped thousands of businesses, both small and large. Send me an email!

Share this post


Link to post
  • 2

Of course you can use the template ID the other way around – when looking for Squarespace sites that have implemented a certain template.

Example: Search for the Forte template string "51e6b9e4e4b062dafa7099b9" with this search engine:

https://search.nerdydata.com/code

and, voliá, you have some 400+ pages listed with sites using that very template. It is very inspirational.

/rodvaldr


100% Squarespace since 2014. Expertise in design, typography and communications. Based in Stockholm, Sweden. Check my portfolio at designby.red and explore my free code snippets at codeby.red

Share this post


Link to post
  • 1

Yea, try this: http://squarefront.com/template-info

You can drag it to your bookmark bar and use it as a bookmarklet


  • 🚀Founder at Squarefront, the global community of Squarespace builders.
  • 🎥Documenting the process of building Squarefront on YouTube.
  • 🚗Senior Design Engineer, Design Platform at Uber.
  • 🍕Connect with me on Instagram, Twitter and Linkedin.
  • Need help with Squarespace? I've used the platform for well over 10 years and have helped thousands of businesses, both small and large. Send me an email!

Share this post


Link to post
  • 0

And do you happen to know where I can find a list with all the ID s and correspondent template? Or would I have to look one by one?

That nerdy data thing is awesome, and it might help if we're lucky enough to find the own squarespace template's site within its search, but I couldn't.


If you need support building your website, talk to me! <-- Check the link on the side.

Share this post


Link to post
  • 0

That doesn't look like one of the consumer template ids. Where did you find it?


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0

In the code of a Squarespace website:

rgba(0, 0, 0, .7)","galleryThumbnailSize":"100px","grid-aspect-ratio":"1:1 (Square)","gridSize":"350px","gridSpacing":"20px","headerPadding":"15px","homepage-index-nav":"Show On Scroll","logoWidth":"140px","product-gallery-auto-crop":"false","product-image-auto-crop":"false","siteTitleContainerWidth":"300px","slideshow-aspect-ratio":"16:9 (Widescreen)","slideshow-autoplay":"true","slideshow-transition":"Fade"},"templateId":"551a47f2e4b01bf4ad7e07a3"

I also found this:

<class="touch-styles squarespace-damask">

Could it be Aviator?

Edited by Cruz

Share this post


Link to post
  • 0

Nope - there's a full searchable list of current and retired templates here - http://www.silvabokis.com/squarespace-tips/how-to-find-out-which-squarespace-template-a-site-is-using


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0

This is absolutely awesome! Beautiful. :)

You don't even need to open the console. You could simply use a "javascript:" on the url like this:

javascript: var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://squarefront.squarespace.com/scripts/template-info.js'; document.head.appendChild(script);

And then you can also select this and move into as a bookmark. There, we now have a simple "button"! :D


If you need support building your website, talk to me! <-- Check the link on the side.

Share this post


Link to post
  • 0

Could this be expanded to work with other platforms, to identify WordPress themes for instance?


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post
  • 0

@neeklamy not at all. That's not to say you couldn't find a similar tool for each other platform. I doubt one for wordpress would be this simple to build, though.


If you need support building your website, talk to me! <-- Check the link on the side.

Share this post


Link to post
  • 0

The reason it's not on the list is that it's had developer mode turned on. When a template has been modified by developer mode it has it's given a unique template ID.

I've worked on zestcoffee.com.au in developer mode and because of this it now longer has a matching template ID to the template Five.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...