Nous avons fait en sorte que vous puissiez étiqueter facilement et efficacement les produits de vos catalogues en ligne avec des hotspots, mais c'est à vous de décider comment le faire. Vous pouvez choisir le type de hotspot, définir la taille et l'emplacement de la zone de clic, activer ou désactiver les icônes, ajuster la position de l'icône et rédiger vos propres textes au passage de la souris. Avec autant d'options disponibles, il peut être difficile de trouver la meilleure façon de marquer vos produits. Pour vous aider, nous avons rédigé ce guide des meilleures pratiques. Il contient de nombreuses astuces et conseils utiles, alors consultez-le !
Contenu :
Voici un bref aperçu des conseils donnés dans cet article. Si l'un d'entre eux vous intéresse, il vous suffit de cliquer sur les liens ci-dessous. Nous avons fourni des exemples, des raisonnements et des modes d'emploi pour chaque conseil.
- Utilisez les hotspots pour étiqueter vos produits
- Incluez les détails du produit dans la zone de clic du hotspot (si possible).
- N'hésitez pas à utiliser des hotspots qui se chevauchent.
- Vérifiez trois scénarios courants pour étiqueter plusieurs produits dans un seul hotspot
- Activer les icônes de hotspot
- Suivez les trois règles pour un placement optimal des icônes
- Rédiger des textes de survol et d'appel à l'action convaincants.
- Gagnez du temps en utilisant les raccourcis clavier dans l'éditeur de hotspot
Conseil #1 : Utilisez les hotspots pour étiqueter vos produits.
Cela peut sembler évident, mais beaucoup de nos clients utilisent encore des points chauds pour étiqueter leurs produits. Commençons par examiner les raisons pour lesquelles vous devriez utiliser les hotspots de produits pour étiqueter les produits dans vos catalogues.
Les points d'accès aux produits offrent une meilleure expérience utilisateur et génèrent un trafic pertinent vers votre boutique en ligne.
En utilisant les hotspots de produits, vous permettez à vos clients de recevoir des détails supplémentaires sur les produits (par exemple, la description, le prix, des images supplémentaires, etc.) lorsqu'ils cliquent sur un produit dans votre catalogue en ligne.
La raison pour laquelle nous vous suggérons d'utiliser des points chauds de produits plutôt que des points chauds de liens est simple. Avec les hotspots de liens, chaque clic conduit les utilisateurs à quitter le catalogue pour ouvrir votre boutique en ligne. Cela peut être une expérience très frustrante. Avec les hotspots de produits, ce n'est pas le cas. Les utilisateurs peuvent continuer à parcourir votre catalogue et bénéficieront d'une expérience plus transparente. Ils peuvent choisir d'aller dans votre boutique en ligne quand et si ils le souhaitent, ce qui signifie que le trafic menant à votre boutique en ligne devient beaucoup plus pertinent.
Que nous disent les données ? Nous avons analysé taux d'interaction des hotspots dans les catalogues en ligneNous avons constaté qu'en moyenne, les utilisateurs actifs cliquaient sur les hotspots de produits 12,5% plus souvent que sur les hotspots de liens. C'est pourquoi nous recommandons d'utiliser des hotspots de produit lorsque vous rendez vos produits cliquables.
Remarque : Les points d'accès aux produits fonctionnent mieux dans la plupart des cas. Toutefois, les taux d'interaction varient selon les secteurs. Dans certains cas, les hotspots de liens peuvent donner de meilleurs résultats. Comme toujours, veillez à mesurer ce qui fonctionne le mieux pour vous.
Connectez votre flux de produits avec Publitas
Vous pouvez probablement imaginer que la création de points chauds pour les produits, un par un, prend énormément de temps. Pour étiqueter chaque produit, vous devez ajouter les détails du produit, les images du produit, le lien vers votre boutique en ligne, etc. C'est pourquoi nous avons prévu la possibilité d'importer le flux de produits de votre boutique en ligne. Cette opération affichera vos produits dans Publitas, qui vous permet de faire simplement glisser les produits du flux vers votre catalogue pour créer automatiquement un point d'accès aux produits. Vous pouvez soit rechercher les produits dans votre flux, soit utiliser notre outil de recherche de produits. section produits détectés pour trouver les produits que vous souhaitez étiqueter.

Si, pour une raison ou une autre, vous n'utilisez pas votre flux de produits dans Publitas, nous vous recommandons vivement d'y réfléchir. La mise en place peut prendre un certain temps, mais l'investissement en vaut la peine.
En configurant le flux de produits et en utilisant des points d'accès aux produits au lieu de liens, vous pourrez.. :
- Gagner beaucoup de temps
- Augmentez votre taux d'interaction avec les hotspots
- Offrez une meilleure expérience à vos utilisateurs
Conseil #2 : Incluez les détails du produit dans la zone de clic du hotspot (si possible).
Que vous créiez un hotspot manuellement ou que vous le fassiez glisser à partir de votre flux de produits importés, l'étape suivante consiste à choisir la taille et la position de la zone de clic dans votre catalogue.
Lorsqu'il s'agit de définir la zone de clic d'un hotspot, nous recommandons d'inclure les détails du produit, par exemple :
- Image
- Prix
- Description
Voici un exemple d'un produit unique avec une zone de clic judicieuse :

Comme vous pouvez le voir dans l'image ci-dessus, la zone de clic de ce hotspot produit couvre l'image complète du produit, ainsi que son prix et la description sous l'image. Elle ne couvre pas d'espace blanc inutile et ne prend pas la place d'autres produits.
En incluant la description du produit dans la zone de clic, vous vous assurez que lorsqu'un utilisateur clique sur la description, la superposition de produits s'ouvre. La superposition de produits offre plus d'espace pour une bonne description du produit et inclut d'autres images qui pourraient fournir à l'utilisateur les informations qu'il recherche. En définitive, l'utilisateur bénéficie d'une meilleure expérience que s'il se contentait de lire la description succincte.
Conseil #3 : N'hésitez pas à utiliser des hotspots qui se chevauchent.
Le premier exemple que nous avons examiné est assez simple : le produit s'inscrit parfaitement dans un rectangle et la zone de clic ne prend pas l'espace d'un autre produit. Ce n'est pas toujours le cas, car vos points chauds devront parfois se chevaucher.
Nous examinerons ensuite quelques scénarios différents, mais quoi qu'il en soit, nous tenons à souligner qu'il n'y a pas lieu de s'inquiéter des points chauds avec zones de chevauchement. Ils ne sont pas "mauvais" et vous n'avez certainement pas à les éviter. En bref, si la situation exige que vous créiez des hotspots qui se chevauchent, n'hésitez pas à le faire.
Comme vous pouvez le voir dans l'exemple ci-dessus, il y a plusieurs points chauds qui se chevauchent. Contrairement à d'autres catalogues, cet exemple n'a pas une grille stricte pour ses produits. Notre conseil dans ce genre de situation : suivez l'astuce #2, même si cela entraîne des points chauds qui se chevauchent.
Un autre cas où le chevauchement des hotspots peut s'avérer utile est celui de la situation suivante :

Comme vous pouvez le voir ici, il y a un point chaud qui couvre l'ensemble de la douche, et un autre point chaud, beaucoup plus petit, qui couvre un autre produit en arrière-plan. Il s'agit de deux produits différents, et de cette façon, vous pouvez les marquer tous les deux, même si les zones de clic se chevauchent.
Comment le chevauchement des points chauds affecte-t-il l'expérience de l'utilisateur ?
Publitas veille automatiquement à ce que, dans la plupart des situations, vos clients voient le hotspot le plus pertinent lorsqu'ils cliquent sur une zone de chevauchement. Voici comment :
Situation 1 : Les icônes de points d'accès sont activées.
Dans ce cas, Publitas détecte quel(s) icône de hotspot est le plus proche du curseur de la souris de l'utilisateur et affiche ce hotspot.
Situation 2 : Les icônes de points d'accès sont désactivées.
Dans ce cas, Publitas détecte quel(s) centre hotspot est le plus proche du curseur de la souris de l'utilisateur et affiche ce hotspot.
Affichage du hotspot de droite lorsque les icônes sont désactivées.
Conseil #4 : Vérifiez trois scénarios courants pour étiqueter plusieurs produits dans un hotspot.
Jusqu'à présent, nous avons abordé le marquage des produits et la gestion des zones de clics qui se chevauchent, mais qu'en est-il de l'ajout de plusieurs produits à une zone de clics ? Quand cela devient-il pertinent et comment le faire ?
Bien qu'il existe probablement d'autres cas d'utilisation pour l'ajout de plusieurs produits à un hotspot, trois situations courantes où cela devient particulièrement utile sont les suivantes :
- Étiquetage des combinaisons de produits.Pensez à des tenues complètes, à des ensembles de meubles d'extérieur, à des ensembles de vaisselle, etc.
- étiquetage des gammes de produits.Il s'agit généralement d'une gamme d'articles en vente ou d'un groupe de produits disponibles dans différentes tailles, couleurs, etc.
- Vente croisée d'autres produits.Il s'agit d'utiliser plusieurs produits dans un hotspot pour montrer des produits liés, des recommandations de produits ou pour l'utiliser comme une fonction "d'autres clients ont également acheté".
1. Étiquetage des combinaisons de produits
Cette situation est probablement la plus pertinente pour les détaillants de mode qui souhaitent créer des options "shop-the-look" pour les consommateurs.
Lorsque les utilisateurs cliquent sur l'une ou l'autre de ces tenues, ils obtiennent un bel aperçu de tous les articles portés par le modèle, comme le montre l'exemple ci-dessous.
Il s'agit clairement d'un bon cas d'utilisation pour ajouter plusieurs produits dans un seul hotspot. Vous n'avez pas besoin de créer des hotspots différents pour chaque article. Il suffit de faire glisser les produits sur un hotspot existant, et Publitas comprendra que vous ajoutez plusieurs produits à ce hotspot. Cela vous fait gagner beaucoup de temps et améliore l'expérience des utilisateurs finaux.

Il va sans dire que l'affichage de produits multiples pourrait être utile pour toute combinaison ou ensemble de produits qui vont ensemble, et pas seulement pour les articles de mode.

Une fois que vous avez ajouté tous les produits que vous souhaitez, vous pouvez également réorganiser l'ordre dans lequel ces produits sont présentés à vos clients. C'est un excellent moyen de s'assurer que l'ordre de la vue des produits correspond à l'ordre dans lequel le modèle porte ces articles. Il suffit de sélectionner le hotspot contenant plusieurs produits, puis de faire glisser et déposer vos produits dans l'ordre souhaité.
2. Étiquetage des gammes de produits
Une autre raison de combiner des produits dans un seul hotspot est si votre catalogue contient un groupe ou une gamme de produits dans une seule image. Regardez cet exemple :

C'est une excellente occasion de combiner des produits dans un seul hotspot, et c'est à notre avis une bien meilleure alternative que de taguer chaque article séparément. C'est moins de travail pour vous, il y a moins d'encombrement visuel, et toutes les informations sont centralisées dans un seul hotspot.
3. Vente croisée d'autres produits
Dans les deux exemples précédents, nous avons inclus plusieurs produits dans un hotspot, car la zone de clic incluait effectivement ces produits. En un seul clic, les utilisateurs peuvent visualiser une tenue complète ou toutes les couleurs disponibles d'un même produit. Une autre façon d'utiliser plusieurs produits dans un hotspot est de montrer à vos clients d'autres produits qui pourraient les intéresser. Par exemple, vous pouvez ajouter des produits connexes ou des produits qui sont souvent achetés ensemble.
Voici un exemple de l'un de nos clients qui a utilisé cette technique astucieuse pour ses catalogues numériques :
Comme vous pouvez le voir ici, lorsqu'un utilisateur clique sur l'assiette à gâteau, il peut également voir un bol, une tasse et un ensemble de vaisselle.
Conseil #5 : activer les icônes de hotspot
L'icône est un autre élément clé du hotspot. L'icône du hotspot est un indicateur pour tout type de hotspot. En d'autres termes, c'est un moyen de faire savoir aux consommateurs qu'il y a quelque chose dans la zone proche de l'icône, qu'il s'agisse d'un produit, d'un lien, d'une vidéo ou d'une référence à une autre page sur laquelle ils peuvent cliquer. Voici à quoi ressemblent les icônes hotspot :

Avant de nous plonger dans les détails et les aspects techniques, la première question que nous devons nous poser est la suivante : les icônes sont-elles vraiment nécessaires, et si oui, quand ? Par le passé, nous avons rédigé un article de blog pour répondre à cette question, que vous pouvez consulter à l'adresse suivante lire ici.
Si vous ne voulez pas lire l'intégralité de l'article, voici une réponse courte à la question :
- Si vous constamment étiquette tous les produits de vos catalogues en ligne, il importe peu d'activer ou de désactiver les icônes, c'est vous qui décidez (nous préférons toujours utiliser les icônes).
- Si vous ne marquez que un peu de des produits dans vos catalogues en ligne, veillez à activer vos icônes.
Conseil #6 : Suivez les trois règles pour un placement optimal des icônes
Lorsqu'il s'agit de positionner des icônes, nous pensons qu'il existe trois règles simples pour s'assurer que vos icônes sont toujours positionnées d'une manière logique qui améliore l'expérience de l'utilisateur.
1. Touchez le bord d'un produit, mais ne le recouvrez pas.
Il est important de s'assurer que l'icône du hotspot et son texte au passage de la souris sont placés à un endroit logique sans obstruer ou couvrir des détails importants du produit. Si vous placez l'icône au centre du produit, l'attention sera détournée de l'image. Essayez donc de la placer sur le bord du produit lorsque cela est possible.
Les icônes flottantes sont une autre erreur qui déroute souvent les utilisateurs. Ces icônes sont déconnectées du produit auquel elles appartiennent, ce qui donne l'impression qu'elles flottent simplement sur la page.
2. Créer un espace suffisant
Il est également important de s'assurer que les icônes ne se touchent pas ou ne sont pas empilées les unes sur les autres. Pour ce faire, vous pouvez créer un espace entre les icônes, ce qui évitera toute confusion et permettra de clarifier quelle icône appartient à quel produit.
Comme vous pouvez le voir dans l'exemple ci-dessus, il n'est pas évident de savoir quelle icône correspond à quel produit. Ceci est beaucoup plus clair :
3. Soyez cohérent
La règle la plus importante pour le positionnement de vos icônes est sans doute la cohérence. C'est la base d'une bonne expérience utilisateur et cela aide également les acheteurs à identifier rapidement le produit correspondant à l'icône.
Voici comment pas pour le faire :
Placement incohérent des icônes.
Conseil #7 : Rédigez des textes de survol et d'appel à l'action convaincants.
Les textes de survol et d'appel à l'action (C2A) que vous utilisez pour vos hotspots peuvent avoir un impact important sur le taux d'interaction des hotspots, et par conséquent sur vos résultats. Joanna Wiebe de Pirates de la copie résume bien la situation dans un billet sur Copyblogger:
"Les visiteurs qui ne cliquent pas ne convertissent pas."
En d'autres termes, si vos textes de survol ne sont pas suffisamment attrayants, les visiteurs seront moins enclins à cliquer sur vos produits.
Il en va de même pour le bouton d'appel à l'action dans les points chauds de vos produits.
"Vos visiteurs ne peuvent pas passer par votre processus de paiement sans cliquer au moins un bouton", dit Joanna. "Et ce bouton - comme tous vos boutons - peut être amélioré."
C'est pourquoi vous devez rédiger des textes de survol et d'appel à l'action convaincants. Comment faire ?
Bien qu'il n'y ait pas de règles gravées dans la pierre à cet égard, il existe un certain nombre de lignes directrices que vous pouvez respecter lorsque vous rédigez ces textes afin d'améliorer leur efficacité. Voici quelques bonnes pratiques de copywriting que nous avons compilées pour vous :
- Susciter la curiosité. La clé est de donner à vos visiteurs juste assez d'informations pour qu'ils cliquent, sans en donner trop pour qu'ils restent curieux. Pour ce faire, vous pouvez créer des textes de survol de la souris qui expliquent l'objectif de la campagne. ce quesans expliquer le pourquoi ou comment.
- Offrez un avantage. Dans toutes vos rédactions, n'oubliez pas de vous demander "qu'est-ce que mes clients y gagnent ?". Est-ce que je fais gagner de l'argent ou du temps à mes clients ? Est-ce que je leur donne plus de style ou une meilleure odeur ? Comme les gens de User Onboarding l'ont dit dans ce post incroyable: "Les gens n'achètent pas des produits, ils achètent de meilleures versions d'eux-mêmes." C'est tellement vrai, et il y a de nombreux exemples d'entreprises qui ont vraiment compris et exploité cela - et j'espère que vous le ferez aussi.
- Créez l'urgence. "Les gens sont extrêmement motivés pour passer à l'action par peur de manquer une occasion", explique Greg Dineo dans un billet sur erreurs d'appel à l'action. Un autre excellent article sur l'urgence qui vaut la peine d'être consulté est le suivant La manière intelligente de créer un sentiment d'urgence.
- Utilisez des verbes. Combien de fois avez-vous lu des titres ou des textes d'appel à l'action truffés d'adjectifs ? Le problème avec s'appuyer sur les seuls adjectifs (voir #5) est qu'ils sont descriptifs et n'appellent pas directement à une action. Les verbes sont un excellent moyen de combattre ce problème (comme vous le verrez dans les exemples ci-dessous), alors utilisez-les plus souvent.
- Écrivez à la première personne. Il existe de nombreux exemples où le fait de remplacer le mot "votre" par "mon" dans les boutons d'appel à l'action a permis d'augmenter considérablement le taux de conversion. Joanna Wiebe nous en parle plus en détail. ici (voir "4. Rédiger le texte du bouton à la première personne").
Voici sept mots magiques que vous pouvez inclure dans vos textes de survol et d'appel à l'action pour obtenir plus de clics :
- Vous, nouveau, gratuit, garanti
- Instantanément (voir "6. Inclure les mots "puissance")
- Obtenez
- Parce que
Exemples de textes au passage de la souris que vous pourriez utiliser :
- Obtenez le look
- Nouveau dans la boutique en ligne
- La vente se termine bientôt ! Cliquez ici pour acheter.
- Achetez des articles sans frais de port pour une durée limitée.
- Économisez 15 € aujourd'hui
- [Avoir une meilleure apparence/odeur/sentiment/etc.
Exemples de textes d'appel à l'action que vous pouvez utiliser :
- Emmenez-moi à la boutique en ligne
- Acheter maintenant
Si vous êtes prêt à essayer certains de ces exemples, il vous suffit de... s'identifier à votre compte Publitas et allez à Langue et marque. Nous avons expliqué comment vous pouvez modifier les textes par défaut du survol de la souris et de l'appel à l'action dans une page Web. poste précédentJetez-y donc un coup d'œil. Il est également possible de modifier individuellement le texte du survol d'un hotspot sans altérer le texte par défaut que vous avez défini dans la section Langue et stratégie de marque. Pour ce faire, remplissez le champ "Texte de survol de la souris du hotspot" dans l'éditeur (voir plus loin). ici). De cette façon, vous pouvez donner à différents produits un texte différent au passage de la souris. C'est génial, non ?
Il est important de garder à l'esprit que la situation de chacun est différente. Ce qui fonctionne pour quelqu'un d'autre peut ne pas fonctionner pour vous. La principale leçon à retenir est la suivante :
- Définissez ce que vous souhaitez optimiser (clics, revenus, autre chose ?).
- Testez différents textes de passage de la souris et d'appel à l'action.
- Mesurer et analyser les résultats
Vous apprendrez ainsi ce qui fonctionne pour votre entreprise et comment tirer le meilleur parti de vos catalogues numériques.
Conseil #8 : Gagnez du temps en utilisant les raccourcis clavier dans l'éditeur de hotspot
Nous avons ajouté quelques raccourcis clavier qui peuvent augmenter considérablement la vitesse à laquelle vous pouvez marquer les produits avec des hotspots :
- Touches fléchées - Déplace le(s) hotspot(s) sélectionné(s) de 1 px.
- Touches fléchées + Shift - Déplace le(s) hotspot(s) sélectionné(s) de 10 px.
- Ctrl-C & Ctrl-V (ou Cmd-C & Cmd-V) - Copie et colle le ou les hotspots actuellement sélectionnés.
- Barre d'espacement - Chaque fois que vous appuyez sur la barre d'espacement, vous activez immédiatement le champ de recherche du flux de produits. Cela vous permet de rechercher rapidement le produit que vous souhaitez ajouter.
- Cmd / Shift + Click - Ajoutez le hotspot cliqué à votre sélection. Cela vous permet de sélectionner plusieurs hotspots.
- Cmd / Shift + Drag - Tracez un rectangle pour sélectionner tous les points chauds qu'il contient.
- Flèches haut et bas - Sélectionnez un produit parmi les résultats de la recherche dans votre flux de produits. Le produit sélectionné est mis en évidence.
- Entrez - Confirmez les actions telles que l'ajout du produit en surbrillance au hotspot actuellement sélectionné.
- Retour arrière / Suppression - Supprimer le(s) hotspot(s) actuellement sélectionné(s).
- Escape - Désélectionnez le hotspot actuel.
Les utilisations les plus courantes de ces raccourcis sont les suivantes :
- Après avoir créé un nouveau hotspot de produits, appuyez immédiatement sur la touche espace pour effectuer une recherche et utilisez les touches fléchées pour sélectionner un produit. Appuyez sur la touche Entrée pour ajouter ce produit au hotspot.
- Après avoir ajouté un produit à un hotspot, vous pouvez facilement ajouter un autre (ou plusieurs) produit(s) à un hotspot en appuyant sur espace pour faire apparaître à nouveau les résultats de votre recherche.
Un dernier mot
Nous espérons que ce guide vous aidera à tirer le meilleur parti de vos catalogues en ligne tout en offrant à vos clients une meilleure expérience globale. Si vous avez apprécié cet article, vous aimerez peut-être aussi :