Créez une section de partage social sur votre page

Si vous utilisez GemPages v6, veuillez vous référer à cet article.

Qu'est-ce qu'une section de partage social ?

Une section de partage social est un bloc sur votre page qui affiche des icônes de réseaux sociaux cliquables, généralement placées à proximité de contenus clés tels que des pages de produits, des articles de blog ou des campagnes promotionnelles.

Lorsque les visiteurs cliquent sur ces icônes, ils peuvent soit :

• Partager du contenu directement à leurs comptes de médias sociaux (par exemple, partager un lien de produit sur Facebook).
• Visitez vos profils sociaux pour suivre ou interagir avec votre marque.

L'ajout d'une section de partage social vous aide à :

• Augmentez la visibilité de votre marque sur plusieurs plateformes.
• Générez du nouveau trafic vers votre boutique grâce aux partages organiques.
• Encouragez les clients à recommander des produits à leurs amis et à leur communauté.
• Renforcez la confiance en présentant des réseaux sociaux actifs et connectés.

Étapes pour concevoir une section de partage social dans GemPages

Pour concevoir une section de partage social dans GemPages v7, nous vous recommandons d'utiliser l'élément Row et l'élément Image.

Suivez les étapes de synthèse:

Étape 1 : Accéder à l'éditeur GemPages

• Depuis votre interface administrateur Shopify, accédez à l' Générateur de pages GemPages application> Pages pour localiser toutes les pages construites avec GemPages.
• Cliquez sur la page cible pour ouvrir l'éditeur.

Étape 2 : ajouter un élément de ligne à plusieurs colonnes

• Depuis la barre latérale gauche, faites glisser et déposez un élément de ligne à la position souhaitée sur la page.

Par exemple, nous préférons concevoir une section de partage social liée à Facebook et X (anciennement Twitter). Nous utiliserons donc une ligne avec une disposition à deux colonnes.

• Si vous souhaitez lier davantage de plateformes sociales dans cette section, vous pouvez modifier la quantité sous le Mise En Page .

Veuillez noter qu'un élément de ligne peut contenir jusqu'à 6 colonnes.

Étape 3 : Ajouter et configurer les éléments d’image dans chaque colonne

• Faites glisser et déposez un élément d’image dans chaque colonne.

• Ensuite, cliquez sur l'image pour ouvrir son panneau de paramètres et localiser le Source .

• Survolez l'image actuelle et cliquez Télécharger l'image pour télécharger le logo de la plateforme sociale.

• Faites défiler jusqu'à la Lien section et activez-la pour développer les paramètres. Ensuite, sélectionnez l'option Après clic = Ouvrir la page.

• À partir de là, vous pouvez copier les liens suivants pour partager votre page sur la plateforme sociale cible :

• Remplacez l'URL par l'URL de votre page.

Par exemple, nous souhaitons partager la page d'accueil de GemPages sur X. Le lien pourrait être : https://x.com/intent/tweet?url=https://gempages.net/

• Si vous préférez partager la page actuelle que vous êtes en train de modifier, vous pouvez obtenir son URL à partir du Publier les paramètres panneau:

Copiez l'URL ou vous pouvez modifier le handle sous le URL et identifiant de la page si nécessaire avant de partager.

Vous pouvez également ajouter une image d’aperçu sous le Aperçu de l'image de partage social section pour une meilleure visibilité sur les plateformes sociales :

Une fois terminé, cliquez sur Appliquer les paramètres.

Étape 4 : Ajustez la taille et configurez l’espacement

• Cliquez sur l'image et faites défiler jusqu'à la Taille section dans la barre latérale gauche.

À partir de là, vous pouvez sélectionner votre option préférée cadre et ajustez le largeur et hauteur de l'image du logo.

Par exemple, nous avons défini le Largeur = 50 px.

• Cliquez avec le bouton droit de la souris et sélectionnez l’élément parent pour revenir au panneau des paramètres de la ligne.

• Changez le Largeur de colonne = Ajuster au contenu, et ajustez le Écart = 0 sous le Espacement des colonnes .

Étape 5 : Enregistrer et publier

Une fois terminé, enregistrez les modifications et cliquez sur Publier pour republier votre page. Vous pourrez ensuite vérifier le résultat dans votre boutique en ligne.

Résultat: