How To Tell What Sqaurespace Template Someone Is Using
How to Discover What Squarespace Template a Website is Using
One of the biggest benefits of using Squarespace as a website builder is the variety and power of their templates. All of Squarespace is based on one central architecture, with templates for various designs, elements, and features you can cull betwixt.
If you lot're working on designing your own Squarespace site, yous might run into a lack of inspiration. Information technology's not uncommon to simply stall out, unsure of which features you lot want or how you want your site to look. The easiest solution to this is to browse other sites for inspiration. I like to recommend lists similar this one, of beautifully designed and functional Squarespace sites.
There's only i thing: how do you know where to start? If you run across a site you like and you want a feature or design element from it, how tin you make sure you lot get that on your site?
The reply is through templates. Squarespace runs on templates, and then any site currently using Squarespace is using a template. If yous can identify the template, yous tin can use the same one, and customize information technology to suit your needs.
Unfortunately, this isn't an absolute science, as at that place are a few potential roadblocks that can prevent us from identifying themes. Let's get started:
The Roadblocks
3 factors get in the way of simple identification.
1. The outset is that templates are non publicly visible, at least, not on the site itself. Y'all can't always wait at some proper noun in the footer or a sidebar somewhere and identify the template a site is using. Nigh templates don't advertise the template name on the front-facing design.
ii. 2nd is the fact that y'all can expand the functionality of a Squarespace site with plugins and other third-political party code. You tin't await at a lightbox and say "alright, it has to be one of the templates with a lightbox" because information technology could be a different template with a lightbox plugin.
3. The tertiary is that at that place are tertiary-party templates. A site using a 3rd-political party template might not look like other Squarespace sites. Fortunately,(?) this isn't necessarily an consequence, just considering you lot might non know the site is a Squarespace site, so identifying the template might not exist on your agenda.
Just keep that in mind if you're non satisfied with whatsoever of the base of operations Squarespace themes, you can always find a third-party theme to buy instead.
The 7.0 And 7.1 Divide
One of the other issues you might meet is the divide between Squarespace sites using 7.0 and the sites using 7.1. When Squarespace released its new version, it changed how its site architecture works.
In seven.0, site owners have to pick a template and build their site based on that template. At that place are 21 different template families, many with variations within them. If you haven't chosen a template for your site nonetheless, it'south a simple matter to identify the template a site is using and selection the aforementioned one… equally long as it'southward not discontinued. Several sometime templates and template families have been discontinued over the years, and then you can't selection one of those to base your site on.
In 7.one, the idea of detached template families was removed. Instead, there'due south just i default architecture. Picking a template is, instead, more like picking a series of elements you want to be preconfigured on your site. You lot can add and remove those elements as you desire, which gives yous much more flexibility. This does, however, make it harder to figure out what theme the site is using.
If the template that you fall in love with was designed for Squarespace 7.0, and your website is on Squarespace 7.1, that could pose an outcome for you lot.
Identifying the Template of a Squarespace Site Manually
To identify the template a Squarespace site is using, y'all need to find the template ID code. Luckily, this is pretty easy to find.
1. Visit the website you want to check. Information technology helps if yous know the site is using Squarespace, but if yous're non sure, it's pretty easy to tell; if the post-obit steps don't work, it'southward not using Squarespace.
two. View the source code for the page. In Firefox or Chrome, yous can right-click on the page and click "View Page Source" or click Tools in the carte bar, then Browser Tools, then Folio Source. CTRL+U likewise works.
three. Use CTRL+F or click Edit – Find In Folio, and type in "templateID". This will search the source code for the templateID parameter, which is role of the Squarespace code base, and identifies which template the site is using. If no such code exists, the site isn't using Squarespace.
You're looking for a code string that looks like this:
"templateId":" 55f0aac0e4b0f0a5b7e0b22e"
That string, the bit that starts with 55, is what you're looking for.
Incidentally, you can tell whether the site is on 7.0 or 7.i in the same string. Immediately after the templateID string is a version string. It looks like this:
"templateVersion":"7"
The 7 tin can also be 7.i, and in that location is a difference here.
This is cool, but how does it help us? Practise you know what "55f0aac0e4b0f0a5b7e0b22e" ways? I sure don't.
What you need is a lookup table, something like this.
On that site, y'all'll see a search bar and a list of strings. Copy the templateID and paste it into this search box, and you'll exist given a listing of the templates that lucifer that ID code.
Here are a few examples.
Site: world wide web.sqspthemes.com
TemplateID: 55f0aac0e4b0f0a5b7e0b22e
Templates: Mercer, Nueva, Rover, Juke, Hunter, Sonora, Mojave, Heights, Keene, Motto, Hatch, Rally, Foster, Feed, Jaunt, Greenwich, Miller, Wav, West, Aria, Moksha, Maple, Fairfield, Mentor, Cacao, Sofia, Margot, Kin, Royce, Stella, Impact, Blend, Pursuit, Pedro, Vow, Hyde, Martha, Thorne, Brine, Clay
Hither we accept one of the well-nigh common problems: template families. All of the templates listed above are part of the Brine template family. Every site using any i of those templates will have the same ID number, and at that place's nothing in the code that lets you identify which 1 of those templates is the one they're using.
Site: https://yellowco.co/
TemplateID: 50521cf884aeb45fa5cfdb80
Templates: Montauk, Om, Kent, Julia
Hither, we come across a less broad template family. There are but iv templates in this family unit, so it's easier to identify which i is in employ, though it withal takes some back-and-forth comparisons.
Site: https://kale-seadragon-c93b.squarespace.com/?countersign=demo
TemplateID: 5c5a519771c10ba3470d8101
Templates: ???
Wait, what?
Then, at present we're encountering a new trouble. This third site (which is a demo site) is for a paid, third-political party theme chosen Yoga. Since it's a Squarespace theme, it has a template ID. However, since it'southward a vii.1 template, information technology doesn't show upward in any of the template lookup lists. This is, as far as I can tell, the one lawmaking that but means "vii.one" and, since all 7.one templates are based on the same core lawmaking, they all utilize the aforementioned templateID. And so, if you see a template ID that matches that i, information technology's a 7.i site. You can verify this with the templateVersion flag right adjacent to it, too.
Unfortunately, this means yous can't tell which variation of 7.1 is in use, or whether or non it's a third-party template. On the other hand, since all seven.1 templates are the same, just using different modular elements, you tin can customize your ain 7.1 version website to expect the aforementioned every bit long every bit you tin can identify the elements you want to use.
The Automatic Choice
If all of the above is a piddling technical for you – or if you're using a mobile device and don't desire to mess around with viewing source code on a phone – you tin can use an automatic option to practice the unabridged process for you lot.
Specifically, the site "Findr" is a tool you can apply to automatically look upward a Squarespace site. Only plug in the URL of the site you want to look upward, and information technology will search the lawmaking for the templateID, look upwards which templates go past that ID, and display the results for you.
More importantly, the results display as screenshots and linked information for each template in the family. You tin can scroll through this and compare each template to the site you lot're analyzing, and try to find the closest match.
For example, using the https://yellowco.co/ example up above, nosotros know it's one of four templates: Montauk (the family unit cadre template), Julia, Kent, or Om. Looking at the site, we tin see that the logo is in the upper left and the bill of fare is in the upper correct, and they're on the same level. That means the template can't be Montauk (where the logo is in the eye) or Julia (where the menu is below the logo). Thus, it has to exist Om or Kent. Both of them wait fairly like, so either one will work if you're trying to attain a similar design for your website.
If you don't desire to use Findr, you tin can also use Gochyu for the aforementioned purpose. They both piece of work the same way, just I prefer Findr because of the cleaner interface.
Gochyu has a bunch of additional CTAs and stuff that gets in the style of using it as a tool.
The Social Option
The closest you lot can get with a tool is the template family, and so you lot have to gauge which template the site is using based on how it looks. There are a few problems here.
-
If the site is using a custom template, it won't appear in a detector or a manual chart.
-
If the site is using custom elements, it might not expect like whatsoever of the templates.
-
If the site is using 7.1, it won't appear in any of the lists either.
-
It'southward imprecise. Using the Yellowco example, nosotros tin only narrow it downward to two potential themes, but not which ane it is.
This might be skillful enough to give you lot a starting point to customize your site, but information technology also might not. What else tin can yous do?
Well, why non enquire the website owner?
To keep using Yellowco as an example, the site has two dissimilar primary options that enable you to reach out to them.
-
Their contact page lists ii e-mail addresses, one for general inquiries and one for collaborators and sponsors.
-
Their social media bar lists a Facebook and an Instagram account.
Pick a method of contact. I generally prefer electronic mail. If you lot want to achieve out to them via social media, cheque to make sure their feed is active before sending them a message. It does you no practiced to attain out via a channel that isn't monitored, after all.
From there, only enquire. Send them an e-mail like:
"How-do-you-do. there! My name is 10 and I'm in the process of designing my website. I love the look of your site, and I was wondering; which Squarespace template are yous using? Your site inspires me, so I thought I would ask. Cheers for your fourth dimension!"
Short, uncomplicated, and to the point.
Y'all might run into the issue where the site owner contracted out their site design to another company, and they don't know which template the company used, but you can then inquire for the company information and go from in that location.
The downside to this method is that it takes time, involves chatting upward someone who might not know or might miss your email. The upside is that you tin strike upwards a conversation with another webmaster, and who knows? Perchance that tin lead to a human relationship, partnership, or friendship down the line. Y'all never know how these things might plough out.
Wrapping Upwardly
Unfortunately, brusque of being able to see the Squarespace dashboard for a given site, talking to the site owner who can, or talking to a site designer, you will probably have a difficult time pinning downwards the specific template that a site runs on. Squarespace merely has so much information available in its lawmaking, which y'all can use to place a template family, if the site is on 7.ane, or if it's a custom template, but that'due south it.
That said, I don't think it'due south a good thought to re-create a site besides closely. Squarespace's power comes from its flexibility. Utilize other websites for ideas in terms of design elements – choices in font, positioning of menus, depth of menus, a phone call to action, and then forth – but if you can avoid it, you should try not to copy their design besides closely.
Hopefully, I helped yous out with this guide. Good luck tracking downwardly those Squarespace themes! If y'all tin't find the i you lot're looking for, you might be able to find a similar theme that will serve your purposes. Yous can find many of them on this site!
If you have any questions, striking me up, and I'll exercise my best to assistance you out! I work with thousands of Squarespace webmasters and can likely point y'all in the correct direction.
How To Tell What Sqaurespace Template Someone Is Using,
Source: https://www.sqspthemes.com/blog/find-squarespace-template-using
Posted by: manninosumanducke.blogspot.com
0 Response to "How To Tell What Sqaurespace Template Someone Is Using"
Post a Comment