Guide Squarespace

Comment ajouter des témoignages sur Squarespace

Un photographe de mariage ou un traiteur événementiel choisit Squarespace pour le rendu visuel épuré de ses templates, et n'a aucune envie qu'un widget mal intégré casse cette esthétique. Le bloc « Code » natif de Squarespace, glissé dans une section au même titre qu'une image ou un texte, permet d'ajouter des témoignages sans rien installer et sans dénaturer le design du site.

Le plan gratuit affiche un badge avec 10 témoignages ; grille et carrousel demandent un plan payant.

Pourquoi Squarespace demande un soin particulier

Les visiteurs d'un site Squarespace jugent d'abord sur l'esthétique : un widget qui détonne dessert la marque autant qu'il ne la sert pas du tout.

Un book de photographe se vend sur l'émotion, pas sur les mots

Pour un photographe de mariage, le témoignage doit apparaître entre deux galeries photo, pas dans une page à part que personne ne visite spontanément.

Le devis d'un traiteur se décide souvent après une seule visite du site

Un client qui organise un événement compare plusieurs prestataires en une soirée : un témoignage visible sur la page d'accueil peut faire la différence avant même le premier appel.

Squarespace n'a pas d'écosystème de plugins comme WordPress

Sans marketplace d'extensions, le bloc Code reste la façon prévue par Squarespace pour intégrer un service externe, ce qui le rend plus stable dans le temps qu'un contournement.

Fluid Engine change la façon de positionner les blocs

Sur les sites récents utilisant Fluid Engine, les blocs se positionnent librement sur une grille : le bloc Code s'y comporte comme n'importe quel autre élément, avec plus de liberté qu'avant.

Intégrer Plausa sur Squarespace, étape par étape

Avec le bloc Code, disponible dans toutes les versions récentes de l'éditeur.

  1. 1. Créez votre mur et copiez le code

    Dans Plausa, créez un mur de témoignages, choisissez le variant (badge, grille ou carrousel selon votre plan) et copiez le snippet.

  2. 2. Ouvrez la section où ajouter le widget

    Dans l'éditeur Squarespace, survolez la section concernée et cliquez sur le « + » pour ajouter un bloc.

  3. 3. Choisissez le bloc « Code »

    Dans la liste des blocs disponibles, sélectionnez « Code » (sous la catégorie « Plus »), puis collez le snippet Plausa dans la zone de texte.

  4. 4. Désactivez le rendu Markdown si proposé

    Si l'option « Afficher en tant que Markdown » est cochée, décochez-la : le code doit être interprété comme du HTML, pas comme du texte formaté.

  5. 5. Enregistrez et vérifiez sur la version publiée

    Cliquez sur « Enregistrer », puis ouvrez la page publiée (pas seulement l'aperçu) pour confirmer l'affichage du widget.

Le bloc Code de Squarespace

Squarespace propose un bloc « Code » dédié à ce cas d'usage : il s'insère dans une section comme un bloc image ou texte classique et accepte du HTML brut.

<div data-plausa="mon-mur" data-variant="grid" data-lang="fr"></div>
<script src="https://getplausa.com/plausa-widget.js" async></script>

Pensez à décocher l'option Markdown du bloc Code, sinon le script s'affichera comme du texte au lieu de s'exécuter.

Si le script ne se charge pas sur votre template

Certains templates Squarespace plus anciens gèrent mal les scripts asynchrones dans le bloc Code. L'iframe reste une alternative fiable dans ce cas.

<iframe src="https://getplausa.com/embed/mon-mur?variant=carousel&lang=fr" title="Plausa" style="width:100%;border:0;height:320px" loading="lazy"></iframe>

À quoi ressemble le résultat sur un site Squarespace

Trois exemples illustratifs, dans l'esprit des métiers créatifs qui utilisent Squarespace.

Chaque photo raconte vraiment notre journée, on s'y revoit encore un an après.
Camille Cliente, reportage de mariage
Le menu proposé a fait l'unanimité, service impeccable le jour J.
Thibault Client, traiteur événementiel
Une écoute rare et un résultat qui dépasse ce qu'on imaginait.
Sarah Cliente, séance photo studio

Prénom et rôle uniquement : des exemples fictifs pour illustrer le format.

Les erreurs à éviter sur Squarespace

  • Laisser l'option « Afficher en tant que Markdown » cochée sur le bloc Code : le script ne s'exécute pas et s'affiche comme du texte brut.
  • Se fier à l'aperçu de l'éditeur sans enregistrer et republier la page.
  • Placer le widget dans une section très étroite en Fluid Engine, ce qui écrase la grille de témoignages.
  • Ajouter le bloc uniquement sur une page « Témoignages » séparée du reste du site plutôt que sur la page d'accueil ou de contact.
  • Utiliser le variant carrousel avec le plan gratuit : il est réservé aux plans payants, le plan gratuit affiche un badge.
  • Oublier de vérifier le rendu sur mobile, où Squarespace peut redimensionner les blocs différemment du desktop.

Questions fréquentes

Squarespace a-t-il une extension officielle pour les témoignages Plausa ?

Non, et ce n'est pas nécessaire : le bloc Code natif suffit pour intégrer le widget sans dépendre d'une extension tierce.

Pourquoi mon code s'affiche comme du texte au lieu de fonctionner ?

Vérifiez que l'option « Afficher en tant que Markdown » du bloc Code est décochée : cochée, elle empêche le script de s'exécuter.

Est-ce compatible avec Fluid Engine ?

Oui. Le bloc Code se positionne librement sur la grille Fluid Engine comme n'importe quel autre bloc.

Puis-je ajouter le widget sur plusieurs pages de mon site ?

Oui, ajoutez un bloc Code avec le même snippet sur chaque page où vous voulez afficher le mur de témoignages.

Le widget fonctionne-t-il sur tous les plans Squarespace ?

Le bloc Code est disponible sur les plans Squarespace qui permettent l'ajout de code personnalisé dans les pages ; vérifiez que votre offre l'inclut.

À lire aussi

Ajoutez vos témoignages sur votre site Squarespace

Créez votre mur, ajoutez un bloc Code, et laissez vos clients parler pour vous.

Commencer gratuitement