Le bloc de partage social ajoute un ensemble de boutons de partage à vos pages SeedProd, permettant à vos visiteurs de partager facilement l'URL de votre page ou de votre article sur leurs plateformes de médias sociaux préférées. Les plateformes prises en charge incluent Facebook, X (Twitter), LinkedIn et Pinterest — chacune étant rendue sous forme de bouton de marque qui ouvre la boîte de dialogue de partage de la plateforme avec l'URL de votre page pré-remplie.
Contrairement au bloc de profils sociaux, qui renvoie à vos propres comptes, le bloc de partage social est conçu pour amplifier votre contenu en permettant à votre public de partager. Vous pouvez personnaliser l'étiquette de chaque bouton, ajouter des options spécifiques à la plateforme comme une image Pinterest ou un texte de tweet pré-rempli pour X (Twitter), et réorganiser les boutons par glisser-déposer pour prioriser les plateformes les plus pertinentes pour votre public.
Ajouter le bloc de partage social à vos pages
Suivez ces étapes pour ajouter un bloc de partage social à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, faites glisser le bloc Partage social dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc de partage social pour ouvrir ses paramètres. Dans l'onglet Contenu, la section Partage social vous permet de gérer votre liste de boutons de partage et de configurer les options d'affichage.
Gestion des boutons de partage :
- Type de plateforme : Utilisez le menu déroulant à côté de chaque entrée pour sélectionner la plateforme sociale. Les options disponibles sont Facebook, X (Twitter), LinkedIn et Pinterest.
- Étiquette : Cliquez sur l'icône d'engrenage des paramètres de toute entrée pour développer ses options, puis saisissez une étiquette personnalisée à afficher à côté de l'icône de partage (par exemple, « Partager », « Tweeter », « Épingler »).
- Texte du tweet (X / Twitter uniquement) : Lorsque le panneau des paramètres X (Twitter) est ouvert, saisissez le texte du tweet pré-rempli qui apparaîtra dans la boîte de dialogue de partage Twitter lorsqu'un visiteur clique sur le bouton.
- Image (Pinterest uniquement) : Lorsque le panneau des paramètres Pinterest est ouvert, sélectionnez ou saisissez une URL d'image à partager avec l'épingle. Vous pouvez choisir une image dans votre médiathèque ou coller une URL d'image directe dans le champ Source de l'image.
- Réorganiser : Faites glisser les entrées vers le haut ou vers le bas à l'aide de la poignée de glissement (icône de flèches) pour modifier l'ordre d'affichage des boutons de partage.
- Dupliquer / Supprimer : Survolez toute entrée pour faire apparaître les boutons Dupliquer et Supprimer pour une gestion rapide.
- Ajouter un nouveau partage : Cliquez sur le bouton + Ajouter un nouveau partage en bas de la liste pour ajouter un autre bouton de plateforme.
Options d'affichage :
- Taille : Définissez la taille globale des boutons — Petit, Moyen ou Grand.
- Alignement : Définissez l'alignement horizontal de la rangée de boutons — Gauche, Centre ou Droite. Prend en charge l'alignement par appareil pour ordinateur, tablette et mobile.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez ajuster l'apparence visuelle de votre bloc de partage social et contrôler sa visibilité.
Styles :
- Espace entre : Définissez l’écart horizontal entre chaque bouton de partage de la ligne à l’aide du curseur (1–100px).
- Ombre : Ajoutez un effet d’ombre aux boutons de partage. Choisissez parmi les tailles prédéfinies : Aucune, Cheveu, Petite, Moyenne, Grande, Très grande et Extra grande.
Espacement :
- Marge : Contrôlez l’espacement extérieur autour de votre bloc de partage social (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Rembourrage : Ajustez l’espacement intérieur de votre bloc de partage social (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
Attributs :
- ID CSS : Affiche l’identifiant unique généré automatiquement pour votre bloc de partage social. Cet ID est créé automatiquement par SeedProd et peut être utilisé pour un style personnalisé ou un ciblage JavaScript.
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : Ajoutez des attributs HTML à l’élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur (par exemple, data-section|share).
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc de partage social sur les écrans d’ordinateur.
- Masquer sur tablette : Masquez le bloc de partage social sur les appareils tablettes.
- Masquer sur mobile : Masquez le bloc de partage social sur les appareils mobiles.
Effets d'animation :
- Animation d’entrée : Choisissez parmi divers effets d’animation qui s’affichent lorsque le bloc de partage social apparaît dans la vue. Les options incluent Rebond, Fondu, Zoom avant, Rotation avant, et bien d’autres.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc de partage social et de personnaliser son apparence, assurez-vous d’enregistrer votre travail.
Vous avez ajouté avec succès un bloc de partage social à votre page ! En offrant aux visiteurs un moyen simple en un clic de partager votre contenu sur Facebook, X (Twitter), LinkedIn et Pinterest, ce bloc aide à étendre la portée de votre contenu sans effort supplémentaire. Personnalisez les étiquettes des boutons, la taille et l’espacement pour correspondre à la conception de votre page, et utilisez les contrôles d’alignement par appareil pour vous assurer que les boutons sont parfaits sur chaque écran.