Squarespace

WEB  / Squarespace
 
Make it beautiful. Make it yourself. Make it Squarespace.
— Squarespace
 
 

Squarespace

2003 / www.squarespace.com

Squarespace est une solution tout-en-un pour créer et gérer des sites web, portfolios, blogs ou e-commerce.

 
 

L’histoire d’Influenz a sans doute commencé bien avant sa création, lorsqu’un ami me fait découvrir la plateforme Squarespace. Une plateforme prometteuse, simple d’utilisation avec pourtant un potentiel immense. Cette plateforme me donne enfin les moyens de réaliser tout ce dont j’ai toujours rêvé sur le web.

Hanael, merci!


 

Communication: Cet article contient des liens d'affiliation. Lorsque vous cliquez sur un lien affilié et faites un achat, Influenz reçoit une commission, sans aucun frais supplémentaires pour vous. Les liens d'affiliation sont marqués d'un astérisque (*).

 

L’histoire de Squarespace

Anthony Casalena

Né le 24 avril 1982 à Baltimore, Anthony Casalena est un entrepreneur et développeur américain. Après un cursus universitaire, Anthony obtient en 2005 un bachelor en science de l’informatique à l’Université du Maryland. Pourtant, c’est en avril 2003 déjà que commence l’histoire de Squarespace, alors qu’Anthony commence à développer la première version de la plateforme depuis sa chambre universitaire. Il lance Squarespace quelques mois plus tard, en janvier 2004, avec un fond initial de 30’000$ financé par son père.

En 2013, Anthony sera nommé par Forbes parmi les jeunes PDG les plus prometteurs.

Squarespace

Fondée officiellement en janvier 2004 et basée à New York, Squarespace est une plateforme de gestion de contenu web. Elle permet aux particuliers et aux entreprises de créer et gérer des sites web, portfolios, blogs, et boutiques en ligne. Depuis sa création, Squarespace ne cesse d’évoluer et d’ajouter de nouveaux outils à sa plateforme. Elle intègre désormais un service d'hébergement, un système de création de sites web, blogs, et e-commerce, la gestion de nom de domaine, et plus récemment de campagnes d’emails. En 2016, Squarespace hébergeait plus d’un million de sites internet.

Squarespace & le Super Bowl

Le 22 janvier 1984, Apple révolutionnait le monde informatique avec le lancement du Mac lors de la finale du Super Bowl. Trente ans plus tard, en 2014, Squarespace marchait sur ses traces afin de révolutionner le web de la même manière. Dès lors, et jusqu’en 2018, Squarespace participera chaque année au Super Bowl avec une nouvelle campagne.

 
 
 
 

De nombreuses stars participeront à ces campagnes, dont Jeff Bridges en 2015 ou Keanu Reeves en 2018. L’année 2017 sera elle très remarquée avec la participation de John Malkovich dans un clip soigné et fort. Cette campagne, intitulée «Make Your Next Move» (Faites votre prochain pas), se poursuivra au-delà du Super Bowl avec d’autres publicités. L’accent de cette campagne - profonde et drôle à la fois - sera mis sur la gestion des noms de domaines, alors nouvelle fonctionnalité fraichement proposée par Squarespace.

 
 
 
 
 
Meant to inspire and encourage people to take that leap, Make Your Next Move is more than just a slogan; it’s a rallying cry to never settle for anything less than your dreams.
— Squarespace
 
 

 

Squarespace & les templates



V1 - Les templates

Squarespace est une entreprise de créateurs, pour des créateurs. À leurs débuts, Squarespace s’adressait principalement à des artistes visuels (photographes, illustrateurs, graphistes…). La plateforme proposa alors de nombreux templates sous forme de portfolio, chacun ayant une structure propre avec ses fonctionnalités, ses avantages, et ses inconvénients.

Chacun de ces templates peut être modifié, et personnalisé. Vous pouvez dès lors prendre un modèle existant et lui apporter votre touche personnelle, ou reprendre tout à zéro afin de créer votre site depuis la base.



V2 - Les familles de templates

Devant sa popularité croissante, et sans perdre son axe dirigé vers la création, Squarespace étendit son offre et commença à proposer une nouvelle gamme de templates plus généraux, pour des magazines, du blogging, et même pour des musiciens. Ceux-ci, contrairement aux précédents, sont basés sur des “familles” de templates. Le principe est que plusieurs templates sont en fait des variations sur le même modèle. Pourtant différents, ils possèdent en réalités les mêmes fonctionnalités et la même structure. Pour exemple, Farro et Haute sont en fait le même modèle de base; il est tout à fait possible de passer de l’un à l’autre avec quelques modifications.

Avec ce concept, il devient important de choisir une famille de template en fonction des fonctionnalités qu’elle offre. Puis de choisir un modèle de cette même gamme en fonction d’une préférence pour un certain style.

 
 

Farro | Famille Farro

Haute | Famille Farro

 
 

V3 - Le template unique (Version 7.1)

Squarespace est en train de développer une toute nouvelle version de sa plateforme de création : Squarespace version 7.1. Dernière nouveauté, la version 7.1 de Squarespace propose une nouvelle structure avec un fonctionnement entièrement revu : toute la plateforme est cette fois-ci basée sur un template unique, facilement personnalisable. Cette version est une rupture avec les versions précédentes; le système est entièrement revu, et aucune compatibilité n’est proposée pour l’instant avec les versions plus anciennes. Squarespace 7.1 est toujours en cours de développement, et donc sujet à de nombreux changements (et améliorations) à venir.

Néanmoins, Squarespace propose déjà un accès en avant première à cette nouvelle version avec à disposition quelques modèles inspirés d’anciens templates. Ce sont donc des variations d’un seul et même modèle. Pour ceux que cela intéresse, vous pouvez essayer Squarespace 7.1 à l’adresse suivante : https://www.squarespace.com/templates?v7_1

Note: N’oubliez pas que cette version est encore en développement…

 
 

Nevins

Tresoire

Lusaka

Falodu

Bergen

 
 

Findr

Le web regorge de sites créés à l’aide de Squarespace, et c’est une grande source d’inspiration. Si certains templates sont facilement reconnaissables, il est parfois plus difficile de retrouver le modèle de base d’un site Squarespace. D’autant plus avec les différentes modifications et personnalisations apportées par la suite. C’est là qu’intervient Findr

Petite application externe très utile, Findr permet d’analyser un site internet et de vous indiquer s’il est basé sur Squarespace, sur quel template, et même sur quelle famille de template (avec toutes les variations de modèles possibles). Findr est un petit bijou particulièrement utile pour ceux qui travaillent régulièrement avec Squarespace.

 
 
squarespace-template-finder-logo.png

Findr

Squarespace propose une multitude de templates à choix. Il est parfois difficile de s’y retrouver dans cette profusion. D’autant qu’une fois en ligne, ces sites sont modifiés et personnalisés.

Findr est un outil formidable qui permet d’identifier sur quel template est basé un site Squarespace. L’outil idéal pour vérifier sur quel template est basé un sites qui vous inspire.

 
 

 

Squarespace & les plugins

Apple & Microsoft

Squarespace est souvent comparé à Wordpress. Et si l’on devait pousser la métaphore un peu plus loin, Squarespace est à Apple ce que Wordpress est à Microsoft.

Wordpress est un système ouvert, avec une structure de base et une énorme quantité de plugins développés par des particuliers mis à disposition de chacun. Cela a des avantages considérables. Cela a aussi des inconvénients: la sécurité est plus fragile, les mises à jour plus compliquées, et les problèmes de compatibilité nombreux. Comme Microsoft, c’est un système ouvert: chacun y met du sien, pour le meilleur comme pour le pire.

À l’inverse, Squarespace est un système fermé. La plateforme gère tout, du nom de domaine, à la création, à l’envoi d’emails. Cela a l’inconvénient de limiter les fonctionnalités à celles offertes par la plateforme. Mais cela a aussi des avantages : le système fonctionne parfaitement de bout en bout, aucun risque lié à la sécurité, et pas de problèmes de compatibilité ou de mise à jour. À l’image d’Apple, c’est du «plug and play», mais implique de fonctionner dans un écosystème fermé. Ceci dit, la notion de “fermeture” reste toute relative. Squarespace offre une très grande marge de manoeuvre et de liberté, et de multiples moyens sont à disposition afin de pouvoir modifier la structure pour peu que l’on s’y connaisse un peu. En conséquence, Squarespace n’offre pas de plug-ins. Enfin, presque…

Plugins

Alors qu’en est-il réellement? Les plugins ne sont officiellement pas supportés par Squarespace. Mais cela n’a pas empêché certains programmeurs d’en créer malgré tout, grâce à la grande liberté qu’offre la plateforme. Il existe donc désormais une petite communauté qui créer des plug-ins pour Squarespace, avec leur accord, ajoutant ainsi de nouvelles fonctionnalités à la plateforme.

1 - Squarespace Collection/Block Identifier

Squarespace Collection/Block Identifier n’est pas réellement un plugin à proprement parler. Il s’agit en réalité d’une extension du navigateur Chrome.

Afin de faciliter la personnalisation de ses pages, Squarespace ajoute un identifiant à chaque élément de la page. À chaque fois que vous ajoutez un contenu (image, bloc de texte, bouton…), celui-ci se voit attribuer un identifiant unique. Pour les personnes maîtrisant le webdesign, il est ainsi possible de sélectionner chacun de ces éléments séparément afin de le personnaliser par l’ajout de code supplémentaire, tel que du CSS par exemple. Très pratique, cette fonctionnalité illustre bien la grande liberté de travail qu’offre la plateforme.

L’extension Squarespace Collection/Block Identifier facilite grandement la recherche de ces fameux identifiants. Grâce à elle, l’ensemble des identifiants d’une page s’affichent d’un simple clic et sont dès lors facilement sélectionnables. Un “must have” pour toute personne qui veut personnaliser manuellement ses pages Squarespace. Un grand merci à Brian C. pour son développement!

 
 
Squarespace-Collection-Block-Identifier.jpg

Collection/Block Identifier

Squarespace facilite la personnalisation en ajoutant un identifiant unique à chaque élément de la page (image, bloc de texte, bouton…). Il est ainsi possible de sélectionner chacun de ces éléments séparément afin de le personnaliser par l’ajout de code supplémentaire.

L’extension Squarespace Collection/Block Identifier développée pour le navigateur Chrome facilite grandement la recherche de ces identifiants, et les affiche d’un simple clic!

 
 

2 - Sqsptheme

Sqspthemes* est un site proposant de nombreux plugins et thèmes pour Squarespace. Faciles à installer et gérés de manières très ingénieuse, ces plugins vous permettent d’ajouter de nouvelles fonctionnalités à votre site.

Les templates de Squarespace orientés “magazine” disposent d’une fonctionnalité proposant des articles en relation avec l’article lu par le visiteur. Une fonctionnalité très intéressante pour proposer du contenu pertinent supplémentaire à un visiteur, basée sur les catégories et les tags des articles, et même sur l’historique de consultation du visiteur. Une fonctionnalité brillante! Hélas, cette fonctionnalité n’est pas disponible sur les autres template.

Sqsthemes permet de combler cette lacune avec leur plugin intitulé Squarespace Related Posts and Products Plugin*. S’il n’est malheureusement pas tout à fait à la hauteur de la version originale, il n’en reste pas moins - de mon avis - la meilleure alternative. Ce plugin est d’ailleurs installé sur Influenz et gère les articles recommandés, tel qu’au bas de cette page…

3 - Squarepaste

Squarepaste est un autre développeur de plugins pour Squarespace. Très soignés, ces petits plugins peuvent apporter une touche de dynamisme à votre site web. Faciles à installer, avec une marche à suivre claire, ils peuvent être mis en place très rapidement. Il est toutefois plus facile de les utiliser (et paramétrer) si les langages web HTML et CSS ne vous sont pas totalement inconnu.

Influenz utilise plusieurs d’entre eux, notamment pour sa timeline, et l’historique de son développement, ou encore la page d’archives.

 

Note:

Profitez d’un rabais de 20% sur les plugins Squarepaste avec le code de réduction «FLORIANZELLWEGER». Rendez-vous sur https://www.squarepaste.com/shop!

 

4 - SquareStudio

SquareStudio est une communauté de designer et développer travaillant sur Squarespace. Ils proposent également des plugins et des templates de différents types à des prix très abordables.

 
 
 

#009Mise à jour: 2019.08.08

squarespace.comyoutube.comchrome.google.comsqspthemes.comsquarestud.io