Le bloc Partage social ajoute un ensemble de boutons de partage à vos pages SeedProd, permettant ainsi aux visiteurs de partager facilement votre page ou de publier son URL sur leurs réseaux sociaux préférés. Les plateformes prises en charge incluent Facebook, X (Twitter), LinkedIn et Pinterest. Chacune d'entre elles est représentée par un bouton personnalisé qui ouvre la fenêtre de partage de la plateforme avec l'URL de votre page préremplie.
Contrairement au bloc Profils sociaux, qui renvoie vers vos propres comptes, le bloc Partage social est conçu pour amplifier votre contenu en permettant à votre audience de le partager. Vous pouvez personnaliser le libellé de chaque bouton, ajouter des options spécifiques à certaines plateformes, comme une image Pinterest ou un texte de tweet prérempli X (Twitter), et réorganiser les boutons par glisser-déposer afin de donner la priorité aux plateformes les plus pertinentes pour votre audience.
Ajouter le bloc Partage social à vos pages
Suivez ces étapes pour ajouter un bloc Partage social à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, glissez-déposez 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 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 en forme d'engrenage dans n'importe quelle 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 de configuration X (Twitter) est ouvert, saisissez le texte prérempli du tweet qui apparaîtra dans la boîte de dialogue de partage Twitter lorsqu'un visiteur cliquera sur le bouton.
- Image (Pinterest uniquement) : lorsque le panneau des paramètres Pinterest est ouvert, sélectionnez ou saisissez l'URL d'une image à partager avec l'épingle. Vous pouvez choisir une image dans votre bibliothèque multimédia ou coller l'URL directe de l'image dans le champ Image Src.
- Réorganiser : faites glisser les entrées vers le haut ou vers le bas à l'aide de la poignée de déplacement (icône en forme de flèches) pour modifier l'ordre d'affichage des boutons de partage.
- Dupliquer / Supprimer : passez la souris sur n'importe quelle entrée pour afficher les boutons Dupliquer et Supprimer et gérer rapidement vos données.
- 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 du bouton — Petite, Moyenne ou Grande.
- Alignement : définissez l'alignement horizontal de la rangée de boutons : à gauche, au centre ou à droite. Prend en charge l'alignement par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
Étape 3 : Personnalisez le design
Dans l'onglet Avancé, vous pouvez ajuster l'apparence visuelle de votre bloc Partage social et contrôler sa visibilité.
Styles :
- Espace entre : définissez l'espace horizontal entre chaque bouton de partage dans la ligne à l'aide du curseur (1 à 100 px).
- Ombre : ajoutez un effet d'ombre aux boutons de partage. Choisissez parmi les tailles prédéfinies : Aucune, Fine, Petite, Moyenne, Grande, Très grande et 2 fois plus grande.
Espacement :
- Marge : contrôlez l'espacement extérieur autour de votre bloc Partage social (haut, droite, bas, gauche). Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Remplissage : ajustez l'espacement intérieur de votre bloc Partage social (haut, droite, bas, gauche). Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
Attributs :
- Identifiant CSS : affiche l'identifiant unique généré automatiquement pour votre bloc de partage social. Cet identifiant est créé automatiquement par SeedProd et peut être utilisé pour personnaliser le style ou cibler JavaScript.
- Classe personnalisée : ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques à partir de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : ajoutez n'importe quel attribut HTML à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-de-l'attribut|valeur (par exemple, data-section|share).
Visibilité des appareils :
- Masquer sur le bureau : masquer le bloc Partage social sur les écrans de bureau.
- Masquer sur tablette : masquer le bloc Partage social sur les tablettes.
- Masquer sur mobile : masquer le bloc 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 Partage social apparaît à l'écran. Les options disponibles incluent Rebond, Fondu entrant, Zoom avant, Rotation et bien d'autres encore.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc Partage social et de personnaliser son apparence, veillez à enregistrer votre travail.
Vous avez ajouté avec succès un bloc Partage social à votre page ! En offrant aux visiteurs un moyen simple de partager votre contenu en un seul clic sur Facebook, X (Twitter), LinkedIn et Pinterest, ce bloc vous aide à étendre la portée de votre contenu sans effort supplémentaire. Personnalisez les libellés, la taille et l'espacement des boutons pour les adapter au design de votre page, et utilisez les commandes d'alignement par appareil pour vous assurer que les boutons s'affichent correctement sur tous les écrans.