Superdesk

Guide Visual UGC Shopify · Mis à jour en août 2026

Ajoutez de l'UGC aux pages produits Shopify : sans modifier le code du thème

Associez une seule fois vos photos et vidéos clients à des produits Shopify, ajoutez un bloc galerie à votre modèle de produit, et laissez chaque page produit afficher le contenu qui lui correspond.

Suivre les six étapesDécouvrir Visual UGC
  • Un seul bloc pour le modèle produit
  • Association automatique par produit
  • Réglages distincts pour ordinateur et mobile
alba-running.com/products/pace-one
Customer lacing a cobalt blue running shoe on pale stone steps@runwithmaya
ALBA RUNNING

Pace One

$118.00

Porté par la communauté4 publications clients
Contexte produit : Pace OnePublications correspondantes uniquement

La réponse courte

Comment ajouter de l'UGC à une page produit Shopify ?

Utilisez un bloc d'application de thème Shopify connecté à une galerie UGC sensible au produit. Dans Superdesk, approuvez le contenu client, associez chaque publication au produit Shopify concerné, personnalisez la galerie de page produit, puis ajoutez le bloc Galerie UGC Shoppable à votre modèle de produit dans l'éditeur de thème Shopify. Le bloc détecte le produit actuel et affiche automatiquement les publications correspondantes.

01

Le contenu est associé une seule fois

Une publication peut porter une ou plusieurs associations de produits Shopify, avec des points d'intérêt précis pour les looks multi-produits.

02

Le modèle fournit le contexte

Sur une page produit, le bloc galerie utilise le produit Shopify actuel, sauf si vous choisissez volontairement une substitution.

03

Chaque page produit reste pertinente

Le même modèle peut afficher des chaussures sur une page chaussures et une veste sur une page vestes, sans avoir à gérer des intégrations séparées.

Avant d'ouvrir l'éditeur de thème

Préparez le contenu avant de placer la galerie

Une installation propre commence par du contenu approuvé et associé à des produits. Effectuez d'abord ces vérifications pour que l'aperçu de la boutique soit pertinent.

  • 1

    Superdesk est installé sur la boutique Shopify.

  • 2

    Les photos ou vidéos clients sont approuvées dans la bibliothèque de contenu.

  • 3

    Chaque publication attendue sur une page produit est associée à ce produit Shopify.

  • 4

    Votre thème actif prend en charge les blocs ou sections d'application Shopify.

  • 5

    Vous pouvez prévisualiser un thème non publié avant d'enregistrer les modifications sur la boutique en ligne.

Tutoriel étape par étape

De la bibliothèque de contenu à la page produit en ligne

Voici le workflow Superdesk actuel. Suivez les étapes dans l'ordre et testez un produit avec du contenu et un produit sans contenu avant de publier.

  1. 01

    Superdesk · Bibliothèque de contenu

    Approuvez les photos et vidéos que vous souhaitez utiliser

    Importez des publications Instagram, des médias d'avis, des envois clients ou des envois marchands, puis approuvez le contenu prêt à être utilisé en boutique. Pour le contenu Instagram tiers, complétez votre workflow de droits avant de publier.

    • Le contenu apparaît dans la bibliothèque de contenu
    • La source et le créateur sont corrects
    • Le statut d'autorisation est approprié
    Bibliothèque de contenuApprouvé
    Prêt pour les galeries
  2. 02

    Superdesk · Éditeur de publication

    Associez chaque publication à ses produits Shopify

    Ouvrez une publication, recherchez dans votre catalogue Shopify et associez chaque produit visible dans le contenu. Placez un point d'intérêt directement sur l'article concerné lorsque la publication contient un look complet ou plusieurs produits.

    • Le bon produit ou la bonne variante est sélectionné
    • Le point d'intérêt est bien placé sur le produit
    • Les modifications de la publication sont enregistrées
    Rechercher des produits Shopify
    Pace OneBleu · $118
  3. 03

    Superdesk · Galeries

    Ouvrez la galerie de page produit

    Choisissez la galerie de page produit par défaut. Elle est conçue pour filtrer selon le produit actuellement consulté, vous n'avez donc pas besoin de créer une galerie pour chaque référence ou page produit.

    • Galerie de page produit sélectionnée
    • Le contexte produit dynamique reste activé
    • Un produit d'exemple est sélectionné pour l'aperçu
    Galerie de page produitGalerie par défaut

    Sur chaque page produit, cette galerie affiche les publications associées à ce produit.

    Contexte produit dynamique
  4. 04

    Superdesk · Éditeur de galerie

    Choisissez la mise en page et prévisualisez un produit réel

    Définissez le style de la galerie, les espacements, les colonnes, l'apparence des publications, les points d'intérêt et le comportement au clic. Basculez entre les aperçus ordinateur et mobile, puis utilisez un produit avec du contenu associé pour confirmer le résultat avant d'enregistrer.

    • Ordinateur et mobile vérifiés tous les deux
    • Les liens produits ouvrent la bonne page produit
    • Réglages de la galerie enregistrés
    Éditeur de galerie Ordinateur · Mobile
    Enregistrer les modifications
  5. 05

    Shopify · Éditeur de thème

    Ajoutez la Galerie UGC Shoppable au modèle de produit

    Copiez l'ID de la galerie depuis Superdesk. Dans Shopify, allez dans Boutique en ligne → Thèmes → Modifier le thème, ouvrez le modèle de produit souhaité, sélectionnez Ajouter une section → Applications → Galerie UGC Shoppable, collez l'ID de la galerie, positionnez la section et enregistrez.

    • Le bon modèle de produit est ouvert
    • L'ID de la galerie est collé exactement
    • Le champ de substitution du produit est laissé vide pour l'association dynamique
    Éditeur de thème ShopifyProduits · Produit par défaut

    Section galerie

    Enregistrer
  6. 06

    Shopify · Aperçu de la boutique

    Testez la galerie avant de publier

    Prévisualisez un produit avec du contenu associé et un autre sans. Testez les publications image et vidéo, les points d'intérêt, la liste des produits, les liens sortants vers les produits, la navigation au clavier et la mise en page mobile. Ne publiez qu'une fois que les deux états, rempli et vide, se comportent comme prévu.

    • Le contenu associé est correct
    • Le produit vide n'affiche pas de contenu non pertinent
    • L'interaction mobile est confortable
    Contrôle qualité boutiqueAperçu
    Ordinateur4 colonnes · liens fonctionnels
    Mobile2 colonnes · aucun débordement

Où placer la galerie ?

Choisissez un emplacement qui soutient la décision d'achat

Il n'existe pas d'emplacement universellement optimal. Partez du rôle que joue le contenu, gardez le parcours d'achat clair et comparez les résultats dans les statistiques de votre propre boutique.

01

Sous les informations produit

Utilisez une galerie pleine largeur après les détails produit essentiels lorsque vous voulez que les acheteurs voient l'article en contexte réel sans interrompre le choix des variantes.

Solide choix par défaut pour la plupart des boutiques
02

Près des avis

Placez le Visual UGC à côté ou juste avant la zone des avis lorsque les preuves client s'inscrivent dans une séquence de preuve sociale plus large.

Utile pour des pages produits axées sur la preuve
03

Plus haut sur les pages longues

Remontez un carrousel compact lorsque la description du produit est longue et que l'usage réel est essentiel pour comprendre la coupe, l'échelle, la couleur ou le style.

À tester avec attention par rapport à la visibilité du bouton d'appel à l'action

Checklist de lancement

Testez d'abord la pertinence, puis la présentation

Une belle galerie avec les mauvais produits est pire que pas de galerie du tout. Vérifiez dans cet ordre : la correspondance, le comportement, puis la réactivité.

Pertinence du contenu

  • Chaque publication appartient au produit actuel
  • Aucun contenu non approuvé n'apparaît
  • Les publications multi-produits affichent la bonne liste de produits
  • Un produit vide a un état vide volontaire

Comportement de l'acheteur

  • Les images, vidéos et la navigation modale fonctionnent
  • Les points d'intérêt restent sur le produit à chaque taille d'écran
  • Les liens produits mènent à la bonne page produit
  • Le focus clavier et les contrôles de fermeture sont utilisables

Présentation mobile

  • Le texte et les contrôles ne recouvrent pas les médias
  • Le nombre de colonnes choisi reste lisible
  • Les vidéos ne surprennent pas les visiteurs avec du son
  • Aucun débordement horizontal de la page n'est introduit

Dépannage

Si la galerie UGC de la page produit est vide ou incorrecte

Procédez du contenu vers le modèle. La plupart des problèmes viennent d'une association produit manquante, du mauvais identifiant de galerie, du mauvais modèle ou d'une modification non enregistrée.

Ce que vous observezCause probableCe qu'il faut faire
Le bloc d'application n'apparaît pas dans la liste

La section du thème n'accepte pas les blocs d'application, ou l'application n'est pas disponible pour ce thème.

Essayez Ajouter une section → Applications sur le modèle de produit. Vérifiez que Superdesk est installé et que le thème prend en charge les blocs d'application Shopify.

Le bloc n'affiche aucune galerie

L'ID de la galerie est manquant, mal saisi, ou la galerie Superdesk n'a pas été enregistrée.

Recopiez l'ID depuis Intégrer la galerie, collez-le sans espace supplémentaire, enregistrez Superdesk, puis enregistrez le thème Shopify.

Un produit n'a aucune publication

Aucune publication approuvée n'est associée au produit actuellement consulté.

Ouvrez la bibliothèque de contenu, associez les publications attendues à ce produit Shopify exact, enregistrez et actualisez l'aperçu.

Les mêmes publications apparaissent sur chaque page produit

Une galerie non dynamique est intégrée, ou le champ de substitution du produit est défini dans le bloc du thème.

Utilisez la galerie de page produit et laissez le champ de substitution du produit vide pour que le produit actuel fournisse le contexte.

Les modifications sont visibles dans Superdesk mais pas dans Shopify

Un des deux côtés n'a pas été enregistré, le mauvais thème ou modèle est ouvert, ou un aperçu mis en cache est affiché.

Enregistrez les deux éditeurs, vérifiez le modèle et le thème actifs, puis rechargez l'aperçu de la boutique sans cache.

La galerie a disparu après un changement de thème

Les blocs d'application Shopify sont configurés par thème.

Ouvrez le nouveau thème et ajoutez le bloc Galerie UGC Shoppable à son modèle de produit avant de le publier.

Instructions officielles Shopify sur les blocs d'application

Construisez le workflow complet

Collectez, approuvez, associez et publiez

Le bloc de page produit est la dernière étape en boutique. Superdesk le garde relié à la découverte Instagram, aux envois clients, aux médias d'avis, aux droits, à l'association de produits et à la conception de la galerie.

Découvrir Visual UGCCréer un flux Instagram shoppableComprendre les droits UGC

FAQ UGC page produit

Questions que se posent les marchands Shopify avant d'ajouter une galerie client

Ai-je besoin d'une galerie UGC distincte pour chaque produit Shopify ?

Non. La galerie de page produit de Superdesk est dynamique. Ajoutez un seul bloc galerie à un modèle de produit, et il utilise le produit actuel pour demander les publications associées à ce produit.

Comment Superdesk sait-il quel UGC placer sur chaque page produit ?

Le lien provient des associations de produits Shopify enregistrées sur chaque publication approuvée. Lorsque la galerie se charge sur une page produit, l'ID du produit actuel est utilisé pour renvoyer le contenu correspondant.

Une publication UGC peut-elle être liée à plusieurs produits ?

Oui. Une publication peut contenir plusieurs produits Shopify associés. Des points d'intérêt peuvent en indiquer la position, et la vue détaillée de la galerie peut présenter la liste des produits liés.

Puis-je combiner publications Instagram, photos d'avis et envois ?

Oui. Les galeries de pages produits peuvent puiser dans le contenu Instagram approuvé, les médias photo et vidéo d'avis, les envois clients et les envois marchands, tant que les publications sont associées au produit concerné.

Ajouter la galerie nécessite-t-il de modifier le code du thème Shopify ?

Non, pour les thèmes Shopify compatibles. Superdesk utilise une extension d'application de thème Shopify, permettant aux marchands d'ajouter et de positionner la Galerie UGC Shoppable via l'éditeur de thème, sous forme de section ou de bloc d'application.

Où l'UGC doit-il se trouver sur une page produit ?

Un bon point de départ est une section pleine largeur sous les informations principales du produit ou près des avis. Gardez le choix des variantes et le bouton principal Ajouter au panier bien visibles, puis testez l'emplacement selon le comportement de vos propres acheteurs.

Que se passe-t-il quand un produit n'a pas d'UGC correspondant ?

La galerie ne doit pas afficher des produits sans rapport en remplacement. Traitez l'état vide de façon volontaire : ajoutez du contenu associé au produit, utilisez un contenu de repli configuré seulement s'il est réellement pertinent, ou masquez la section vide.

La galerie fonctionnera-t-elle sur mobile ?

Oui, et Superdesk propose des réglages de mise en page mobile distincts. Prévisualisez le modèle de produit exact dans une fenêtre de taille téléphone et vérifiez les colonnes, le comportement vidéo, les points d'intérêt, les contrôles modaux et le débordement horizontal avant le lancement.

Que dois-je faire après avoir changé de thème Shopify ?

Réajoutez et vérifiez le bloc d'application Superdesk dans le nouveau thème. La configuration des thèmes Shopify est propre à chaque thème, les blocs d'application ne sont donc pas automatiquement actifs dans un thème nouvellement publié.

Placez du vrai contenu client là où les achats se décident

Créez des galeries sensibles au produit à partir de publications Instagram, d'envois clients, de médias d'avis et de votre propre contenu, le tout dans le même espace de travail Superdesk.
Commencer gratuitement
5.0 sur le Shopify App Store