Ajouter du contenu avec les blocs

Glissez-déposez différents types de blocs sur vos pages pour personnaliser le style et la structure du contenu.

Dernière mise à jour le 5 février 2025

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.

Astuce

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 :

  1. Ouvrez le panneau Pages et sélectionnez la page que vous souhaitez modifier.
  2. Cliquez sur Modifier en haut à gauche.
  3. 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.

Astuce

si aucun bouton Ajouter un bloc n’apparaît, vous vous trouvez peut-être dans une section de page de collection ou dans un autre type de section qui ne prend pas en charge les blocs, comme les dispositions automatiques ou sections Galerie. Si la section prend en charge les blocs mais ne comporte pas de bouton Ajouter un bloc, 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.

  1. Dans le menu, cliquez sur un bloc. Vous pouvez également rechercher un bloc en haut du menu.
  2. 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.
  1. 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.)
  2. Dans le panneau Pages, cliquez sur la page que vous souhaitez modifier ou ajoutez une nouvelle page.
  3. 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.

adding_blocks_-_edit_page.jpg

adding_blocks_-_edit_page.jpg
  1. Cliquez sur + en haut à droite ou sur un point d’insertion pour ouvrir le menu des blocs.
  2. 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.
  3. 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.

L’application Squarespace ne prend pas en charge l’ajout ou la réorganisation de blocs sur les dispositions, mais uniquement la modification de blocs existants. Pour ajouter ou réorganiser des blocs, connectez-vous à votre site sur un ordinateur.

L’éditeur de blog pour mobile prend en charge l’ajout et la modification de blocs Ligne, Texte et Image.

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 :

  1. Faites glisser un bloc à partir du menu. Des repères sur la page vous indiquent où vous pouvez placer le bloc.
  2. 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 :

Il n'est pas possible d'ajouter des blocs aux éléments suivants :

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 de bloc au-dessus ou en dessous de cette section.

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.

Vous pouvez ajouter des blocs à l’en-tête du site dans ces familles de templates :

  • Montauk : ajoutez des blocs dans 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 :

  1. Cliquez sur Modifier sur la page contenant le bloc que vous souhaitez modifier.
  2. Cliquez sur le bloc pour le sélectionner, puis sur l’icône en forme de crayon qui apparaît au-dessus du bloc. Vous pouvez également faire un double-clic 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 vérifiez 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 :

  • 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. Nécessite une connexion à un processeur de paiement.
  • 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.
  • 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.
  • 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. Non pris en charge dans les sections de l’Éditeur intuitif.
  • 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.

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 obtenir la liste complète des blocs qui ne sont plus proposés, 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.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Ajouter du contenu avec les blocs