Le Code Block de Squarespace exécute HTML et JavaScript dans la mise en page. Placez-en un là où vous voulez des avis, collez l'extrait Shopreviews et le widget apparaît sur votre site en ligne.
Étape par étape
- Copiez votre extrait
Choisissez une mise en page, des couleurs et des sources d'avis dans le créateur de widget, puis copiez l'extrait.
- Ajoutez un Code Block
Modifiez la page, cliquez sur un point d'insertion ou Add block et choisissez Code.
- Collez l'extrait
Collez l'extrait, laissez le mode sur HTML et Display Source désactivé.
- Enregistrez et vérifiez
Enregistrez la page et ouvrez-la sur le site en ligne — les scripts ne tournent pas toujours dans l'aperçu de l'éditeur.
Les noms de menu sont indiqués en anglais ; dans une interface traduite, ils ont leur équivalent local.
À quoi ressemble l'extrait de code
<div data-shopreviews="carousel"
data-lang="fr"
data-sources="google,trustpilot,kiyoh"></div>
<script src="https://cdn.shopreviews.com/widget.js" async></script>Exemple uniquement : copiez votre propre extrait depuis le créateur de widget ou votre tableau de bord Shopreviews. Il contient votre mise en page, vos couleurs, votre langue et vos sources d'avis.
Créez votre widget et copiez l'extrait →
Où placer le widget ?
- Page d'accueil — un carrousel ou une grille dans une section sous l'en-tête.
- Fiches produit — un Code Block dans la zone d'informations complémentaires du produit.
- Toutes les pages — un pop-up flottant via la Code Injection du pied de page.
Bon à savoir
- Vous ne voyez pas le widget dans l'éditeur ? C'est normal : Squarespace désactive les scripts dans l'aperçu. Vérifiez la page en ligne dans une fenêtre privée.
- Les Code Blocks et la Code Injection avec JavaScript demandent une offre qui autorise le code personnalisé.
Autres plateformes
Un autre système de boutique ? Le même extrait fonctionne partout : Shopify · WooCommerce · Magento · Lightspeed · BigCommerce · PrestaShop · Wix