Documentation SeedProd

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

Bloc d'intégration de Tweet X (Twitter)

Le bloc d'intégration de tweet X (Twitter) vous permet d'intégrer un tweet spécifique directement sur n'importe quelle page SeedProd. C'est un moyen pratique de mettre en évidence un article individuel — tel qu'un témoignage client, une annonce de produit ou une mention notable — et de le partager avec vos visiteurs sans qu'ils aient à visiter X (Twitter).

Tout ce dont vous avez besoin est l'ID du tweet, que vous pouvez trouver dans l'URL du tweet. Une fois ajouté, vous pouvez choisir un schéma de couleurs clair ou sombre, contrôler si le fil de conversation et les cartes média sont affichés, définir la largeur du widget et sélectionner la langue d'affichage pour correspondre à votre public.

Bloc d'intégration de tweet X (Twitter) affichant un tweet intégré sur une page SeedProd avec un thème sombre

Prérequis : Le bloc d'intégration de tweet X (Twitter) est disponible dans tous nos plans de licence.


Ajout du bloc d'intégration de tweet X (Twitter) à vos pages

Suivez ces étapes pour ajouter un bloc d'intégration de tweet X (Twitter) à votre page SeedProd :

Étape 1 : Ajouter le bloc

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

Faire glisser le bloc d'intégration de tweet X (Twitter) sur une page SeedProd

Étape 2 : Configurer les paramètres de contenu

Une fois ajouté, cliquez sur le bloc d'intégration 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) :

  • ID du tweet : Entrez l'ID numérique du tweet que vous souhaitez intégrer. Vous pouvez trouver l'ID du tweet dans l'URL du tweet — c'est le long nombre à la fin, après /status/. Par exemple, dans https://twitter.com/seedprod/status/1385250840898850816, l'ID du tweet est 1385250840898850816.
  • Schéma de couleurs : Choisissez entre Clair et Sombre pour faire correspondre le widget de tweet intégré à la conception de votre page.
  • Masquer la conversation : Activez/désactivez pour masquer le fil de conversation qui apparaît sous le tweet (Oui/Non).
  • Masquer les photos/vidéos/cartes : Activez/désactivez pour masquer les cartes média, photos ou vidéos attachées au tweet (Oui/Non).
  • Largeur : Définissez la largeur du widget de tweet intégré en pixels à l'aide d'un curseur.
  • Alignement : Définissez l'alignement horizontal du widget 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 widget. 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, et plus encore.
Onglet Contenu du bloc d'intégration de tweet X (Twitter) affichant l'ID du tweet, le schéma de couleurs, les options d'activation, la largeur et les paramètres de langue

Étape 3 : Personnaliser le design

Dans l'onglet Avancé, vous pouvez contrôler davantage la disposition et le comportement de votre bloc d'intégration 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 d'intégration de tweet X (Twitter) affichant l'espacement, les attributs, la visibilité sur appareil et les effets d'animation

Étape 4 : Enregistrez vos modifications

Une fois que vous avez terminé de configurer le bloc d'intégration de tweet X (Twitter) et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.


Vous avez ajouté avec succès un bloc d'intégration de tweet X (Twitter) à votre page ! L'intégration de tweets individuels est un excellent moyen de mettre en évidence la preuve sociale, de présenter des mentions notables ou de partager des annonces dans leur contexte. Utilisez le schéma de couleurs et les options de visibilité pour vous assurer que le widget s'intègre parfaitement à la conception de votre page.

Articles associés