Documentation SeedProd

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

Bloc Tweet X (Twitter)

Le bloc Bouton de Tweet X (Twitter) vous permet d'ajouter un bouton de Tweet natif à n'importe quelle page SeedProd, permettant ainsi 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, vous donnant ainsi 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 de produits et les pages de destination où vous souhaitez encourager les visiteurs à faire passer le mot. Le bouton s'adapte aux petites ou grandes tailles et prend en charge plus de 30 langues d'affichage pour correspondre à votre public.

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

Prérequis : Le bloc Bouton de Tweet X (Twitter) est disponible dans tous nos plans de licence.


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

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

Étape 1 : Ajouter le bloc

Sous Design > Blocs, faites glisser le bloc Bouton de Tweet X (Twitter) dans la section souhaitée de votre page.

Faire glisser le bloc Bouton de Tweet X (Twitter) sur une page SeedProd

Étape 2 : Configurer les paramètres de contenu

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

  • URL : Entrez l'URL qui sera partagée lorsque le visiteur cliquera sur le bouton Tweet. Laissez vide pour partager l'URL de la page actuelle.
  • Texte : Entrez le texte pré-composé du tweet qui apparaîtra dans le compositeur de tweet du visiteur lorsqu'il cliquera sur le bouton. Laissez vide pour permettre aux visiteurs d'écrire leur propre message.
  • Hashtags : Entrez un ou plusieurs hashtags à inclure dans le tweet pré-composé (séparés par des virgules, sans le symbole #).
  • Via : Entrez un nom d'utilisateur X (Twitter) pour attribuer le tweet (sans le symbole @). Cela apparaît comme « via @nomdutilisateur » dans le tweet.
  • Connexes : Entrez une liste d'utilisateurs X (Twitter) séparés par des virgules que X (Twitter) pourra suggérer à l'utilisateur après la publication du tweet.
  • Taille : Choisissez entre les tailles de bouton Petite et Grande.
  • Alignement : Définissez l'alignement horizontal du bouton sur la page — Gauche, Centre ou Droite — avec des contrôles par appareil pour ordinateur, tablette et mobile.
  • Langue : Choisissez la langue d'affichage de l'interface du bouton. Les options incluent 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, et plus encore.
Onglet Contenu du bloc Bouton de Tweet X (Twitter) montrant les paramètres d'URL, de texte, de hashtags, de via, de taille et de langue

Étape 3 : Personnaliser le design

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

Espacement :

  • Marge : Définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des contrôles indépendants pour ordinateur, tablette et mobile.
  • Rembourrage : Définissez l'espacement intérieur à l'intérieur du wrapper du bloc sur les quatre côtés, avec des contrôles par appareil.

Attributs :

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

Visibilité de l'appareil :

  • Masquer sur ordinateur : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans d'ordinateur.
  • Masquer sur tablette : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans de tablette.
  • Masquer sur mobile : Basculez pour masquer le bloc lorsqu'il est affiché sur les écrans mobiles.

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 contrôles de direction, de vitesse et de décalage de la fenêtre d'affichage.
  • Effet de souris : Appliquez un effet de parallaxe piloté par le mouvement de la souris au bloc.
Onglet Avancé du bloc Bouton de Tweet X (Twitter) montrant les paramètres d'espacement, d'attributs, de visibilité sur appareil et d'effets d'animation

Étape 4 : Enregistrez vos modifications

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


Vous avez ajouté avec succès un bloc Bouton de Tweet X (Twitter) à votre page ! La pré-composition du texte du tweet, des hashtags et de l'attribution supprime les frictions pour les visiteurs et rend beaucoup plus probable qu'ils partagent votre contenu. Associez ce bloc à votre contenu le plus partageable pour obtenir les meilleurs résultats.

Articles associés