Glissez-déposez différents types de blocs sur vos pages pour personnaliser le style et la structure du contenu.
Les blocs sont des fonctionnalités en glisser-déposer que vous pouvez utiliser pour afficher du contenu sur votre site. Ils vous permettent de personnaliser vos pages à l’aide de différents types de contenus comme le texte, les images, les boutons et les formulaires. Ce guide vous propose de découvrir les différents types de blocs disponibles et vous explique comment les ajouter à des zones de contenu, telles que les pages Disposition ou les billets de blog.
Conseil : pour que le contenu de votre site soit accessible au plus grand nombre, consultez l’article FAQ sur l’accessibilité.
Regarder une vidéo
Ajouter un bloc
La marche à suivre pour ajouter un bloc dépend de la version de Squarespace utilisée par votre site et selon que vous le modifiez sur un ordinateur ou dans l’application Squarespace.
Pour ajouter un bloc :
- Ouvrez le panneau Pages.
- Sélectionnez la page que vous souhaitez modifier et cliquez sur Modifier en haut à gauche.
- Survolez la section dans laquelle vous souhaitez ajouter le bloc et cliquez sur Ajouter un bloc en haut à gauche. Pour ajouter des blocs, la page doit comporter au moins une section de bloc.
Conseil : si aucun bouton Ajouter un bloc n’apparaît, c’est que vous utilisez l’éditeur classique de Squarespace, une expérience d’édition légèrement différente utilisée dans certaines zones de votre site.Pour ajouter des blocs dans l’éditeur classique, cliquez sur un point d’insertion à la place.
- Dans le menu, cliquez sur un bloc. Vous pouvez également rechercher un bloc en haut du menu.
- Le nouveau bloc apparaît sur la page avec des contenus de type espace réservé. Selon le bloc, un éditeur peut s’ouvrir pour vous permettre de le personnaliser.
- Ouvrez le panneau Pages. (Si ne voyez pas le panneau Pages, réduisez l’aperçu du site en cliquant sur la flèche située en haut à gauche de votre site.)
- Dans le panneau Pages, cliquez sur la page que vous souhaitez modifier ou ajoutez une nouvelle page.
- Survolez la zone dans laquelle vous souhaitez ajouter un bloc et cliquez sur Modifier.
Astuce : si vous travaillez sur une page Disposition vierge, le message suivant s’affichera : « Cette page est vide. Commencez à modifier cette page et à ajouter des blocs de contenu. ». Vous verrez ce message apparaître tant que vous n’avez ajouté aucun bloc sur la page. Les visiteurs verront s’afficher une page vide, sans texte.
- Cliquez sur + en haut à droite ou sur un point d’insertion pour ouvrir le menu des blocs.
- Dans le menu, cliquez sur un bloc. Vous pouvez également effectuer une recherche en haut du menu en saisissant des mots tels que image, texte ou formulaire.
- Le nouveau bloc apparaîtra sur la page avec du contenu de remplissage. En fonction du bloc, un éditeur s'ouvrira pour vous permettre de le personnaliser.
Dans l’application, les options de blocs fonctionnent différemment selon la version de Squarespace que votre site utilise.
- Dans la version 7.1, vous pouvez ajouter des blocs aux billets de blog, aux événements individuels et aux informations supplémentaires sur les produits. Il n’est pas possible d’ajouter des blocs aux sections de l’Éditeur intuitif.
- Dans la version 7.0, vous pouvez ajouter des blocs aux pages Disposition vierges et aux billets de blog.
Pour ajouter un bloc :
- Appuyez sur l’icône Pages.
- Appuyez sur la page que vous souhaitez modifier.
- Appuyez sur Modifier ou sur l’icône crayon en haut à droite.
- Appuyez sur n’importe quel bloc existant pour le modifier ou sur + pour ajouter un nouveau bloc.
- Faites défiler les paramètres du bloc en bas de l’écran pour ajouter du contenu et personnaliser le bloc.
- Lorsque vous avez terminé, appuyez sur Terminé ou sur ✓ en haut à gauche pour enregistrer vos modifications.
Faire glisser un bloc pour l'ajouter
Vous pouvez également faire glisser un bloc si vous savez où vous souhaitez le placer sur la page :
- Faites glisser un bloc à partir du menu. Des repères vous indiquent où vous pouvez placer le bloc.
- Déposez le bloc à l’endroit souhaité sur la page. Selon le bloc, un éditeur peut s’ouvrir pour vous permettre de le personnaliser.
Ajouter des blocs à d'autres zones
Vous pouvez ajouter des blocs aux éléments suivants :
- Pages Disposition
- Sections de blocs
- Articles de blog
- Descriptions d'événements
- Pieds de page
- En-têtes et pieds de page (version 7.0)
- Informations produit supplémentaires
- Barres latérales (version 7.0)
Il n'est pas possible d'ajouter des blocs aux éléments suivants :
- Sections de disposition automatique
- Sections de page de collection
- Sections de galerie
- En-têtes du site
Si vous souhaitez que les blocs apparaissent sur la même page qu’une section qui ne prend pas en charge les blocs, ajoutez une section Bloc au-dessus ou en dessous de cette section.
- Pages Album
- Pages Blog
- Pages de couverture
- Pages Événements
- Pages Galerie
- Pages d’index
- Pages Boutique
- Bannières dans la plupart des templates
- En-têtes de site dans la plupart des templates
Bannières et en-têtes
- Ajoutez des blocs en superposition à une bannière en ajoutant une image d’arrière-plan à une section de bloc.
- Il n'est pas possible d'ajouter des blocs aux en-têtes du site.
- Modifiez le titre et le slogan de votre site dans l’éditeur d’en-tête.
- Modifiez vos liens de navigation dans les paramètres de la page.
Dans la plupart des templates, il n'est pas possible d'ajouter des blocs à une bannière ou à un en-tête.
- Modifiez le titre et le slogan de votre site dans le panneau Logo et Titre.
- Modifiez vos liens de navigation dans les paramètres de la page.
- La plupart des bannières permettent d’utiliser la superposition de texte.
Vous pouvez ajouter des blocs à l’en-tête du site dans ces familles de templates :
- Montauk – Ajoutez des blocs à l’en-tête lorsque l’ajustement Sous-titre de l’en-tête : personnalisé est sélectionné.
- Skye – Ajoutez des blocs au menu de navigation superposé.
- Wells – Ajoutez des blocs dans la zone de contenu de la barre latérale de navigation.
- Certains templates proposent des en-têtes de page qui prennent en charge les blocs. Par exemple, dans la famille Brine, vous pouvez ajouter des blocs à la zone intro qui s’affiche par-dessus les bannières de page.
Modifier un bloc existant
Certains contenus de blocs, comme le texte des blocs Texte, peuvent être modifiés directement sur la page, mais la plupart des blocs disposent d’un éditeur de bloc dans lequel vous pouvez ajouter, modifier et gérer le contenu du bloc.
Pour ouvrir un éditeur de bloc :
- Cliquez sur Modifier sur la page contenant le bloc que vous souhaitez modifier.
- Pour le sélectionner, cliquez dessus, puis sur l’icône en forme de crayon. Vous pouvez également double-cliquer sur le bloc.
Points d’insertion
Les points d’insertion sont des icônes + dans l’éditeur classique qui indiquent les endroits où vous pouvez ajouter des blocs lorsque vous modifiez votre site sur un ordinateur. Ils apparaissent au-dessus et en dessous des blocs existants afin que vous puissiez choisir l’emplacement du bloc avant de l’ajouter.
Dans l’Éditeur intuitif, cliquez sur Ajouter un bloc. Dans l’application Squarespace, cliquez sur l’icône + en haut à droite.
Pourquoi les boutons + ne s’affichent-ils pas ?
Si vous ne trouvez pas le bouton Ajouter un bloc ou les icônes + lorsque vous apportez vos modifications sur un ordinateur, assurez-vous dans un premier temps que vous modifiez une zone dans laquelle il est possible d’ajouter des blocs. Consultez la liste ci-dessus.
Ensuite, vous devez vous assurer que l’éditeur est ouvert. Pour ouvrir un éditeur :
- Version 7.1 : cliquez sur Modifier en haut à gauche de la page où vous souhaitez ajouter le bloc, et assurez-vous que la page comporte au moins une section de bloc.
- Version 7.0 : survolez l'endroit où vous souhaitez ajouter le bloc, puis cliquez sur Modifier .
Si aucun bouton Ajouter un bloc n’apparaît en haut à gauche, cela signifie que vous utilisez l’éditeur classique. Si l’éditeur classique est ouvert mais qu’aucune icône + n’apparaît lorsque vous survolez les zones situées au-dessus ou en dessous d’un bloc, il est possible qu’un autre bloc soit déjà sélectionné. Cliquez ailleurs sur la page pour désélectionner le bloc, puis survolez l’endroit où vous souhaitez ajouter le nouveau bloc.
Si le problème persiste, essayez de vider le cache de votre navigateur, de désactiver toutes les extensions du navigateur ou de mettre à jour la version de votre navigateur. Si l’icône + n’apparaît pas lorsque vous cliquez sur Modifier dans l’application Squarespace, il se peut que l’ajout de nouveaux blocs à cette page ne soit pas pris en charge par l’application.
Types de blocs
Utilisez ces blocs pour ajouter du contenu à votre site :
- 500px : ajoutez des images à partir de votre compte 500px.
- Amazon (fonctionnalité premium) : redirigez vers des articles Amazon. Ce bloc est utile si vous participez au programme d'affiliation d'Amazon.
- Archive : affichez des listes organisées de liens vers vos éléments de collection.
- Audio : ajoutez des lecteurs pour les fichiers audio.
- Bandsintown : affichez les dates de tournée sur votre profil Bandsintown.
- Bouton : ajoutez des boutons et des appels à l’action.
- Calendrier : affichez des événements sur vos pages sous forme de calendrier organisé jour par jour.
- Diagramme : ajoutez des histogrammes, graphiques linéaires et diagrammes circulaires.
- Code : ajoutez un code personnalisé ou affichez des extraits de code. L’utilisation de code JavaScript et iframe dans des blocs Code est une fonctionnalité premium.
- Lien du contenu : ajoutez des liens vers d’autres pages de votre site avec des aperçus visuels.
- Don (fonctionnalité premium) : recueillez des dons pour soutenir votre cause ou votre organisation. Ce bloc requiert un compte Stripe ou PayPal connecté.
- Incorporer : ajoutez des contenus externes avec des liens vers des tweets, des vidéos et plus encore.
- Flickr : ajoutez des images provenant de votre compte Flickr.
- Foursquare : ajoutez un flux des lieux visités via Foursquare.
- Formulaire : ajoutez des formulaires pour recueillir des informations auprès des visiteurs.
- Galerie : ajoutez des galeries d’images ou de vidéos dans les mises en page Carrousel, Grille, Diaporama ou Pile.
- Image : ajoutez des images avec légendes dans les mises en page Carte, Collage, Inline, Chevauchement, Poster ou Pile.
- Instagram : ajoutez des publications à partir de votre compte Instagram.
- Ligne : ajoutez des lignes horizontales pour découper votre texte ou séparer visuellement votre contenu.
- Carte : ajoutez une carte Google Maps avec une épingle indiquant votre emplacement.
- Markdown : ajoutez du texte à l’aide du langage Markdown.
- Menu (fonctionnalité premium) : affichez le menu de votre restaurant.
- Newsletter : ajoutez des formulaires d’inscription aux newsletters.
- OpenTable (fonctionnalité premium) : ajoutez un système de réservation pour votre restaurant. Vous devez disposer d’un ID de restaurant OpenTable.
- Produit : afficher les produits à partir de vos pages Boutique.
- Citation : ajoutez des citations ou des témoignages mis en forme.
- Réservations : ajoutez un bouton pour effectuer des réservations ou vendre des billets pour des événements avec Tock.
- RSS : ajoutez des liens aux flux RSS de votre page Blog.
- Prise de rendez-vous : ajoutez une option de réservation en ligne avec Acuity Scheduling.
- Défilement : ajoutez du texte défilant comme un cadre ou un bandeau d’informations en continu.
- Blocs Forme (Éditeur intuitif uniquement) : ajoutez des formes avec une couleur unie.
- Recherche : ajoutez des champs de recherche.
- Liens sociaux : ajoutez des icônes renvoyant aux profils de médias sociaux.
- SoundCloud : intégrez des lecteurs SoundCloud.
- Espaceur : ajoutez un espacement ajustable ou une marge intérieure ajustable entre les différents blocs.
- Résumé : affichez les éléments de collection de votre site dans les mises en page Carrousel, Grille, Liste ou Mur.
- Nuage de tags : affichez des tags ou des catégories sous forme de nuage.
- Texte : ajoutez du texte sous forme d’en-têtes, de citations, de texte préformaté, de liens et de listes.
- Vidéo : ajoutez des vidéos hébergées en externe.
- Zola : ajoutez des listes de mariage.
L’application Squarespace ne prend pas en charge tous les blocs. Pour ajouter ou modifier des blocs non pris en charge, connectez-vous à votre site sur un ordinateur.
- Bouton : ajoutez des boutons et des appels à l’action.
- Galerie : ajoutez des galeries d’images ou de vidéos en format Carrousel, Grille, Diaporama ou Empilé.
- Image : ajoutez des images avec légendes dans les mises en page Carte, Collage, Inline, Chevauchement, Poster ou Pile.
- Ligne : ajoutez des lignes horizontales pour découper votre texte ou séparer visuellement votre contenu.
- Texte : ajoutez du texte sous forme d’en-têtes, de citations, de texte préformaté, de liens et de listes.
- Vidéo : ajoutez des vidéos hébergées en externe.
Il n’est pas possible d’ajouter ou modifier des blocs dans les sections de l’Éditeur intuitif de l’application Squarespace.
Blocs retirés
Utilisez le bloc Archive au lieu des blocs abandonnés suivants :
- Liste des auteurs
- Liste des catégories
- Liste des mois
- Liste des balises
Pour en savoir plus, consultez l’article Fonctionnalités abandonnées.
Étapes suivantes
Une fois votre bloc ajouté, voici ce que vous pouvez faire :
Pour découvrir les options de style et d’édition, consultez le guide correspondant à votre bloc.