Documentation SeedProd

Documentation, matériel de référence et tutoriels pour SeedProd

X (Twitter) Bloc de boutons Tweet

Le bloc Bouton Tweet X (Twitter) vous permet d'ajouter un bouton Tweet natif à n'importe quelle page SeedProd, ce qui permet aux visiteurs de partager facilement votre contenu avec leurs abonnés X (Twitter) en un seul clic. Vous pouvez préremplir le tweet avec une URL, un texte personnalisé, des hashtags et une attribution, ce qui vous donne un contrôle total sur la manière dont votre contenu est partagé.

Ce bloc est idéal pour les articles de blog, les pages produits et les pages d'accueil où vous souhaitez encourager les visiteurs à faire passer le mot. Le bouton s'adapte aux petites et grandes tailles et prend en charge plus de 30 langues d'affichage pour correspondre à votre audience.

X (Twitter) Bouton Tweet affiché sur une page SeedProd

Exigences :le bloc Bouton Tweet X (Twitter) est disponible dans toutes nosoffres de licence.


Ajouter le bloc Bouton Tweet X (Twitter) à vos pages

Suivez ces étapes pour ajouter un bloc Bouton Tweet X (Twitter) à votre page SeedProd :

Étape 1 : Ajouter le bloc

Sous Design > Blocs, glissez-déposez le bloc Bouton Tweet X (Twitter) dans la section souhaitée de votre page.

Faites glisser le bloc Bouton Tweet (Twitter) sur une page SeedProd.

Étape 2 : Configurer les paramètres de contenu

Une fois ajouté, cliquez sur le bloc Bouton Tweet X (Twitter) pour ouvrir ses paramètres. Dans l'onglet Contenu, vous trouverez les options suivantes dans la section Paramètres X (Twitter):

  • URL : entrez l'URL qui sera partagée lorsqu'un visiteur cliquera sur le bouton Tweet. Laissez ce champ vide pour partager l'URL de la page actuelle.
  • Texte : Entrez le texte pré-rédigé qui apparaîtra dans l'éditeur de tweet du visiteur lorsqu'il cliquera sur le bouton. Laissez ce champ vide pour permettre aux visiteurs d'écrire leur propre message.
  • Hashtags : entrez un ou plusieurs hashtags à inclure dans le tweet pré-rédigé (séparés par des virgules, sans le symbole #).
  • Via : Entrez un nom d'utilisateur X (Twitter) auquel attribuer le tweet (sans le symbole @). Cela apparaîtra sous la forme « via @nomdutilisateur » dans le tweet.
  • Connexes : Entrez une liste séparée par des virgules de comptes X (Twitter) que X (Twitter) pourrait suggérer à l'utilisateur après la publication du tweet.
  • Taille : Choisissez entre des boutons de petite ou grande taille.
  • Alignement : définissez l'alignement horizontal du bouton sur la page (à gauche, au centre ou à droite) à l'aide des commandes spécifiques à chaque appareil (ordinateur de bureau, tablette et mobile).
  • Langue : choisissez la langue d'affichage de l'interface des boutons. Les options disponibles sont les suivantes : automatique, anglais, arabe, bengali, tchèque, danois, allemand, grec, espagnol, persan, finnois, philippin, français, hébreu, hindi, hongrois, indonésien, italien, japonais, coréen, malais, néerlandais, norvégien, polonais, portugais, roumain, russe, suédois, thaï, turc, etc.
X (Twitter) Bouton Tweet Onglet Contenu affichant l'URL, le texte, les hashtags, via, la taille et les paramètres linguistiques

Étape 3 : Personnalisez le design

Dans l'onglet Avancé, vous pouvez contrôler plus précisément la mise en page et le comportement de votre bloc Bouton Tweet X (Twitter).

Espacement :

  • Marge : définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des commandes indépendantes pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Remplissage : définissez l'espacement intérieur à l'intérieur du bloc wrapper sur les quatre côtés, avec des commandes par appareil.

Attributs :

  • Classe personnalisée : ajoutez une ou plusieurs classes CSS personnalisées à l'enveloppe du bloc pour un style ciblé.
  • Identifiant CSS : SeedProd génère automatiquement un identifiant CSS unique pour ce bloc. Vous pouvez l'utiliser pour référencer le bloc dans un CSS ou un JavaScript personnalisé.
  • Attributs personnalisés : ajoutez des attributs HTML personnalisés à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format clé|valeur.

Visibilité des appareils :

  • Masquer sur le bureau : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran d'ordinateur.
  • Masquer sur tablette : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran de tablette.
  • Masquer sur mobile : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran mobile.

Effets d'animation :

  • Effet de défilement : appliquez une animation déclenchée par le défilement au bloc, y compris les options de défilement vertical et horizontal avec des commandes de direction, de vitesse et de décalage de la fenêtre d'affichage.
  • Effet souris : appliquez un effet de parallaxe basé sur les mouvements de la souris au bloc.
X (Twitter) Bouton Tweet Onglet Avancé affichant l'espacement, les attributs, la visibilité sur les appareils et les effets d'animation

Étape 4 : Enregistrez vos modifications

Une fois que vous avez terminé de configurer le bloc Bouton Tweet X (Twitter) et de personnaliser son apparence, veillez à enregistrer votre travail.


Vous avez ajouté avec succès un bloc Bouton Tweet X (Twitter) à votre page ! La pré-rédaction du texte du tweet, des hashtags et de l'attribution élimine les frictions pour les visiteurs et les incite davantage à partager votre contenu. Associez ce bloc à votre contenu le plus partageable pour obtenir les meilleurs résultats.

Articles connexes