Boutons de partage social : installation et aide
Démarrage rapide
- Téléversez le ZIP de mprsocialshare dans Modules > "Module Manager", puis installez le module.
- Cliquez sur "Configure" pour ouvrir le formulaire de paramètres "Social Share".
- Réglez Activer sur Oui.
- Dans Réseaux, sélectionnez les plateformes souhaitées, puis cliquez sur Enregistrer.
- Ouvrez une page produit de la boutique et repérez la ligne Partager :.
- Cliquez sur chaque icône sélectionnée et vérifiez l'URL de destination ainsi que le nom du produit, le cas échéant.
- Vérifiez la ligne sur mobile et sur un second produit pour confirmer que chaque lien de partage utilise le bon produit.
Nécessite PrestaShop 1.6 ou une version ultérieure et PHP 7.1 ou une version ultérieure.
Manuel de configuration
Installation et première configuration
Suivez les étapes du Démarrage rapide.
Choisir les réseaux
Ouvrez le module via "Module Manager" > Social Share Buttons > "Configure". Le formulaire propose deux paramètres.
| Paramètre | Valeur par défaut | Modification possible |
|---|---|---|
| Activer | Oui | Choisissez Non pour masquer le bloc de partage du produit. |
| Réseaux | Facebook, X, Pinterest, LinkedIn, WhatsApp, E-mail | Utilisez le champ à sélection multiple pour choisir les icônes de partage visibles. |
Les identifiants des réseaux sont facebook, twitter, pinterest, linkedin, whatsapp et email. X utilise l'identifiant stocké twitter. En interne, la sélection est enregistrée sous forme de chaîne séparée par des virgules, telle que facebook,whatsapp,email. Vous sélectionnez les plateformes dans le back-office au lieu de saisir cette chaîne dans un champ texte.
Pour une liste plus courte, sélectionnez Facebook, WhatsApp et E-mail. Pour un catalogue visuel, vous pouvez ajouter Pinterest à Facebook, WhatsApp et E-mail. Aucune clé API n'est à configurer.
Vérifier l'affichage dans la boutique
Le module affiche un libellé Partager : et des icônes SVG de plateformes via displayProductMetaShare et displayProductAdditionalInfo. Ce dernier sert de solution de repli lorsqu'aucun bloc de partage n'a encore été affiché. L'emplacement final dépend des hooks produit de votre thème. La feuille de style se charge via displayHeader sur les pages produit lorsque le module est activé.
Le bloc utilise des liens HTML et du CSS classiques. Il ne charge ni SDK de plateforme ni JavaScript côté boutique, ne comptabilise pas les partages et ne dépose pas ses propres cookies de suivi. Les sites sociaux s'ouvrent lorsque l'acheteur suit un lien. L'e-mail utilise le gestionnaire de messagerie configuré dans le navigateur.
L'URL du produit provient des données du produit présentées lorsqu'elles sont disponibles, puis de la fonction de génération de liens produit de PrestaShop. Le nom du produit fournit le texte de partage sur les plateformes dont l'URL l'accepte. Dans les modèles suivants, les valeurs sont encodées pour les URL :
| Réseau | Modèle de lien |
|---|---|
https://www.facebook.com/sharer/sharer.php?u={product_url} |
|
| X | https://twitter.com/intent/tweet?url={product_url}&text={product_name} |
https://pinterest.com/pin/create/button/?url={product_url}&description={product_name} |
|
https://www.linkedin.com/sharing/share-offsite/?url={product_url} |
|
https://api.whatsapp.com/send?text={product_name}%20{product_url} |
|
mailto:?subject={product_name}&body={product_url} |
Testez au moins deux produits et comparez leurs liens. Le module ne crée pas de métadonnées Open Graph, ne choisit pas les images d'aperçu social, ne propose pas de champ de message de partage personnalisé et n'ajoute pas Telegram. Vérifiez séparément les métadonnées de votre page si une plateforme affiche un aperçu inattendu.
Ajuster l'emplacement et le style dans le thème
La configuration standard cible les hooks des pages produit. Elle ne propose pas de réglages de placement sur les pages CMS ou de blog. Si un thème produit personnalisé ne possède pas de hook pris en charge, un développeur peut ajouter un appel approprié avec les données du produit :
{hook h='displayProductMetaShare' product=$product}
ou :
{hook h='displayProductAdditionalInfo' product=$product}
Placez l'appel à l'endroit où vous souhaitez afficher la ligne. Vérifiez l'absence d'affichage répété après toute modification des hooks. Un thème peut remplacer views/templates/hook/share.tpl à cet emplacement :
themes/your-theme/modules/mprsocialshare/views/templates/hook/share.tpl
Utilisez ces classes pour le CSS du thème : .mprshare-container, .mprshare-label, .mprshare-btn, .mprshare-facebook, .mprshare-twitter, .mprshare-pinterest, .mprshare-linkedin, .mprshare-whatsapp et .mprshare-email.
.mprshare-container { margin-top: 16px; }
.mprshare-btn { width: 40px; height: 40px; }
.mprshare-btn svg { width: 20px; height: 20px; }
Dépannage
- Si la ligne est absente, vérifiez Activer, Réseaux, le hook produit et la transmission des données du produit au hook.
- Si une ligne ne contient aucune icône, sélectionnez des réseaux pris en charge et enregistrez. Aucun cas du template ne correspond aux identifiants de réseaux stockés inconnus.
- Si la ligne n'est pas mise en forme, vérifiez
modules/mprsocialshare/views/css/front.css, le hook d'en-tête de la page produit et les remplacements du thème. - Si l'e-mail ne s'ouvre pas, vérifiez le gestionnaire de messagerie du visiteur. Le module génère uniquement un lien
mailto:. - Si une plateforme refuse un partage ou choisit un aperçu différent, examinez le lien généré et la réponse de cette plateforme. Le module ne contrôle pas la fenêtre de partage externe.
Utilisez "Integrity" pour les vérifications d'installation. Le module fournit aussi des contrôleurs de configuration, de licence, d'assistance et de mise à jour.
Désactiver ou désinstaller
Réglez Activer sur Non et enregistrez pour masquer la ligne. Pour supprimer le module, utilisez "Uninstall" dans "Module Manager". La désinstallation supprime les entrées de configuration partagée du module et le menu d'administration. Vos données produit restent dans PrestaShop.
Questions
1
Le lien de partage inclut-il la déclinaison sélectionnée du produit ?
Problèmes connus
4
Le pin de partage Pinterest utilise la mauvaise image — il prend la première image de la page au lieu de l'image produit
L'URL de partage Pinterest ne spécifie pas le paramètre media, donc le crawler de Pinterest choisit la première image qu'il trouve sur la page (souvent le logo ou une bannière) au lieu de l'image produit.
Note de résolution
Ajout de l'URL og:image comme paramètre media dans l'URL de partage Pinterest, garantissant que la bonne image produit est épinglée.
Impossible de sélectionner les canaux de partage
Compatibilité PHP 7.1
Traductions d’interface manquantes ou altérées
Demandes de fonctionnalités
1
Implémenté
Boutons de partage des produits
Journal des modifications
v1.0.182026-09-12
- Addedcomplete FR/DE/ES/IT/PL translations
Versions précédentes
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
v1.2.02026-02-05
- AddedPS 9 / Hummingbird theme compatibility
- AddedBluesky and Mastodon share targets
- Improvedbutton layout — supports both horizontal and vertical stack orientations
- Fixedshare URL encoding for products with non-ASCII characters in name
v1.1.02025-07-16
- Addedper-platform enable/disable toggles in back office
- Addednative Web Share API fallback on mobile for unsupported platforms
v1.0.02025-06-02
- Initialrelease: social share buttons for PrestaShop product pages
- InitialZero external JS — uses platform share URLs only, no tracking widgets loaded
- InitialSupports Facebook, X, LinkedIn, Pinterest, Reddit, WhatsApp, Telegram, Email
- InitialCompatible with PS 1.7.x and PS 8.x
Demo
Testez le module complet
- Boutique de démo prête Découvrez une boutique de démo prête dans votre navigateur.
- Sans inscription Ni compte, ni e-mail, ni domaine de boutique requis.
En ouvrant cette démo, vous acceptez les conditions de la démo et la politique de confidentialité.