Social Bookmarking

Inhaltsverzeichnis

Introduction

ShareThis est le logiciel de base utilisé dans le module pour connecter tous les services externes. Le service est gratuit. La création d’un compte ShareThis est nécessaire pour que des statistiques détaillées des accès des visiteurs de la boutique à ce service de bookmarking et de partage soient disponibles par la suite. De plus, vous pouvez personnaliser le design d’affichage directement chez ShareThis.

Pour créer un compte ShareThis, ouvrez l’URL https://sharethis.com/fr/ et inscrivez-vous.

Configuration du module

1. Activer le module

Naviguez vers “Modules” → “Social Bookmarking” dans l’administration de la boutique.
Activez le module “ShareThis” en définissant l’option correspondante sur “Activé”.
Après activation, ShareThis sera mis à disposition dans votre boutique.

2. Activer l’affichage sur les produits

Ouvrez à nouveau la section “Modules” → “Social Bookmarking”.
Activez l’option “Afficher ShareThis sur les produits”.
Cela fera apparaître automatiquement le widget ShareThis sur chaque produit individuel dans la boutique.

3. Entrer l’ID de propriété ShareThis

Visitez sharethis.com et inscrivez-vous pour un compte gratuit.
Après l’inscription, créez une nouvelle propriété pour votre site web.
Copiez l’ID de propriété fourni (par exemple 5e123456789abc0012345678).
Entrez cet ID dans le backend Swiss21 sous “Modules” → “Social Bookmarking” dans le champ “ID de propriété”.

4. Accéder au tableau de bord ShareThis

Pour d’autres paramètres (par exemple sélection des réseaux ou ajustement du design) :
- Ouvrez le tableau de bord ShareThis.
- Connectez-vous avec votre compte ShareThis.
- Là, vous pouvez configurer individuellement vos boutons de partage et consulter les statistiques.

Lier avec la boutique

Pour que le bouton configuré soit également affiché dans votre boutique, vous devez entrer l’ID de propriété ShareThis dans l’administration de la boutique. Vous pouvez trouver l’ID dans le tableau de bord ShareThis lorsque vous cliquez sur Paramètres dans la colonne de gauche. Vous devriez maintenant voir un ID, que vous pouvez insérer dans l’administration de la boutique dans le champ “ID de propriété ShareThis”.

Avec un profil ShareThis, vous pouvez choisir entre différentes options d’affichage. Pour qu’un élément soit affiché, vous devez d’abord configurer les boutons dans le tableau de bord ShareThis.

Boutons de partage en ligne

Avec les boutons de partage en ligne, vous permettez à vos clients de partager des produits ou du contenu de page directement via leur réseau social préféré – simplement et rapidement.

Procédure dans le tableau de bord ShareThis

Se connecter au tableau de bord ShareThis Connectez-vous sur https://platform.sharethis.com avec votre compte ShareThis.
Sélectionner l’outil “Boutons de partage en ligne” Sélectionnez l’outil “Inline Share Buttons” dans la liste des outils disponibles dans le tableau de bord.
Activer l’outil Cliquez sur le bouton “Activer l’outil” pour activer la fonction.
Effectuer des ajustements Ouvrez les paramètres avancés pour effectuer les configurations suivantes :
- “Sélection des réseaux” via lesquels le partage est possible (par exemple Facebook, X/Twitter, WhatsApp, etc.)
- “Positionnement des boutons” (par exemple au-dessus ou en dessous du contenu)
- “Affichage et design” des boutons, tels que la couleur, la forme et le style
- “Paramètres de langue” et comportement de partage
Vous trouverez généralement ces options dans une zone extensible ou sous un menu de paramètres dans l’outil.

Affichage dans la boutique (côté client)

Après avoir activé et configuré avec succès l’outil via le tableau de bord ShareThis ainsi que l’entrée de l’ID de propriété dans le backend Swiss21 (voir guide précédent), les “Boutons de partage en ligne apparaissent automatiquement sur les produits” dans la boutique.

Ils sont affichés là directement dans la zone produit et permettent aux visiteurs de partager du contenu en un seul clic sur les plateformes sociales respectives.

Boutons de partage collants

Avec les “Boutons de partage collants” (également connus sous le nom de “Boutons de partage flottants”), vos clients peuvent partager le contenu de votre boutique à tout moment – indépendamment de la distance parcourue en faisant défiler la page. Les boutons restent visibles au bord de l'écran et augmentent ainsi la visibilité et la portée de votre contenu dans les réseaux sociaux.

Procédure d’activation

Se connecter au tableau de bord ShareThis Ouvrez le tableau de bord ShareThis et connectez-vous avec votre compte utilisateur.
Sélectionner l’outil “Boutons de partage collants” Sélectionnez l’outil étiqueté “Sticky Share Buttons” ou “Floating Share Buttons” dans le tableau de bord.
Activer l’outil Cliquez sur “Activer l’outil” pour activer la fonction.
Configurer l’outil Ouvrez les paramètres de l’outil pour effectuer des ajustements individuels :
- “Sélection des réseaux sociaux” qui doivent être affichés
- “Position des boutons” (par exemple à gauche ou à droite au bord de l'écran)
- “Mode d’affichage sur les appareils mobiles” (activé ou désactivé)
- “Options de design” telles que la taille, le style et la couleur des boutons
Ces paramètres permettent une personnalisation complète de l’apparence et de la navigation de votre boutique.

Affichage dans la boutique (côté client)

Une fois l’outil activé et correctement configuré, les boutons de partage collants apparaissent automatiquement au bord de la page de la boutique. Ils restent visibles lors du défilement et offrent aux visiteurs la possibilité de partager des produits ou du contenu sur les réseaux sociaux à tout moment.

Paramètres individuels

Dans le “Tableau de bord ShareThis”, vous pouvez adapter de manière flexible les boutons au design et aux exigences de votre boutique.

Les ajustements suivants sont possibles :

Sélection des réseaux sociaux (Canaux) : Spécifiez quels réseaux doivent être affichés (par exemple Facebook, WhatsApp, X/Twitter, LinkedIn, Pinterest, etc.).
Positionnement et alignement : Déterminez où les boutons apparaissent – par exemple en haut ou en bas d’un produit (pour les boutons en ligne) ou sur le côté de l'écran (pour les boutons collants). Pour les boutons collants, vous pouvez également choisir entre le côté gauche et droit de l'écran.
Schéma de couleurs : Choisissez entre des boutons colorés, gris ou unicolores, correspondant au style de votre boutique.
Taille des boutons : Définissez la taille des boutons de manière à ce qu’ils soient clairement visibles mais pas intrusifs – idéal pour les ordinateurs de bureau et les appareils mobiles.
Style des boutons : Choisissez entre des boutons ronds ou carrés et spécifiez si seul le symbole ou également le texte doit être affiché.
Comportement d’affichage : Définissez si les boutons doivent toujours être visibles ou n’apparaître que lors du défilement, ainsi que s’ils doivent également être affichés sur les appareils mobiles.

Ces paramètres se trouvent dans la zone d’outil respective (par exemple Inline Share Buttons ou Sticky Share Buttons) directement dans le “Tableau de bord ShareThis”. Les modifications sont enregistrées là et automatiquement adoptées dans la boutique une fois l’ID de propriété correcte entrée.

Affichage dans l'éditeur de contenu

Vous pouvez afficher les boutons ShareThis non seulement sur les produits, mais aussi les intégrer spécifiquement sur des pages de contenu individuelles – par exemple sur la page d’accueil, dans le pied de page ou sur les pages d’information.

Comment procéder :

Sélectionner la page
- Naviguez vers “Contenu” → “Pages” dans l’administration de la boutique.
- Sélectionnez la page sur laquelle vous souhaitez insérer les boutons, par exemple la page d’accueil.
Ajouter une section de code HTML
- Dans l'éditeur de contenu, cliquez sur “Ajouter du contenu” et sélectionnez l’option “Code HTML” dans la liste de contenu.
- Le nouveau bloc HTML apparaît maintenant dans l'éditeur.
Insérer le code HTML
- Double-cliquez sur le “Bloc de code HTML” ajouté pour ouvrir la fenêtre d'édition.
- Insérez le “Code du bouton de partage” que vous avez copié dans le “Tableau de bord ShareThis” dans le champ de texte.
  - Ce code est automatiquement généré dans le backend ShareThis une fois que vous avez activé et configuré un outil (par exemple Inline ou Sticky Buttons).
Enregistrer
- Enfin, cliquez sur “Enregistrer” pour mettre à jour la page.
- Les boutons ShareThis apparaissent maintenant sur la page de boutique souhaitée.

**Remarque :**Si vous souhaitez insérer le code HTML dans le pied de page ou à un autre emplacement récurrent, répétez le processus sur la page correspondante ou la position du modèle dans la zone de contenu de la boutique.

Aide supplémentaire

Notre service d’assistance se tient à votre disposition pour toute question ou problème. Pour cela, veuillez ouvrir un ticket d’assistance :

Accédez au portail Swiss21.
Cliquez sur votre photo de profil en haut à droite.
Cliquez sur “Assistance”.
Cliquez sur “Contacter l’assistance”.
Remplissez le formulaire et notre service d’assistance vous contactera dans les plus brefs délais.

Heures d’ouverture du service d’assistance : Lundi – Vendredi I 08:00h – 12:00h I 13:30h – 17:00h