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 :

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 :

• Les sections de blocs de n’importe quelle page
• Articles de blog
• Descriptions d'événements
• Pieds de page
• Pages Disposition
• 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 :

Bannières et en-têtes

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 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 :

• 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.
• 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 la page Fonctionnalités abandonnées.

Étapes suivantes

Une fois votre bloc ajouté, voici ce que vous pouvez faire :

• Déplacer des blocs
• Redimensionner des blocs
• Supprimer des blocs

Pour découvrir les options de style et d’édition, consultez le guide correspondant à votre bloc.